@charset "utf-8";
/*
Theme Name: suzurikawa_10
*/

/*----------------------------------------------------
File name :style.css
--------------------------------------------------- */
/*import*/

/* -----------------------------
	reset
------------------------------ */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
ul,ol {
	list-style-type: none;
}
em,strong,th,address {
	font-style: normal;
	font-weight: normal;
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
}
img,
object,
embed {
	border: 0;
	vertical-align: top;
}
hr {
	display: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}
li {
	list-style-type: none;
}


/* ------------------------------
	linkcolor
------------------------------ */

a:link,
a:visited {
	color: blue;
	text-decoration: none;
}
a:hover,a:active {
	text-decoration: underline;
	color: #e36118;
}


/* ------------------------------
	base
------------------------------ */

html {
}

body {
	position: relative;
	top:0;
	z-index: 0;
	color: #333;
	font-size: 80%;
	_font-size: 70%;
	font-family:  Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
	text-align: left;
	background: url(img/_bg.png) repeat-x top;
	background-color: #fff;
	/*overflow:hidden;*/
}

#header {
	position: relative;
	top:auto;
	z-index: 0;
	b/*ackground: url(img/nozoki_1600x.jpg) no-repeat center top;*/
	min-width: 960px;
	border-top:4px solid #497e5d;
	height: 440px;
	background-color: #649770;
	_background-color: #fff;
	/*overflow:hidden;*/
}

#content {
	position: relative;
	top:0px;
	_top:-270px;
	z-index: 0;
	/*overflow:hidden;*/
}



#footer {
	/*position: relative;*/
	/*top:-380px;*/
	/*top:0px;*/
	/*z-index: 0;*/
	/*margin-top: -380px;*/
	background: url(img/foot_navi_bg.png) repeat-x top;
	background-color: #fff;
	/*overflow:hidden;*/
	_margin-top: -200px;
}


.inner {
	width: 960px;
	margin: 0 auto 0;
}


/* ------------------------------
	#header
------------------------------ */

.topImage {
	position: relative;
	top:0;
	z-index: 0;
	height: 380px;
	width: 980px;
	margin: 0 auto 0;
	/*overflow:hidden;*/
}
.topImage img {
	margin: 0 auto;
}


.header_inner {
	position: relative;
	top:-380px;
	z-index: 0;
	height: 380px;
	width: 960px;
	margin: 0 auto 0;
	overflow:hidden;
}
.title_box {	
	float:left;
	width: 247px;
	border: 2px solid #bfbfbf;
	background-color: #feffff;
	margin-bottom:140px;
}
.uper_navi {
	width: 310px;
	_width: 315px;
	float:right;
	height: 27px;
	border: 2px solid #bfbfbf;
	background-color: #e9e7e1;
}
.uper_navi ul li{
	float:left;
	margin:3px;
}


.read_box {
	position: relative;
	top:20px;
	clear: both;
	background: url(img/photo_read.png) no-repeat center center;
	width: 226px;
	height:auto;
	color: #ddd;
	padding:8px;
	font-size: 1.1em;
}
.read_box h2 {
	line-height: 1.8em;
}
.read_box span {
	line-height: 1.4em;
}


.kanban {
	position: relative;
	top:auto;
	z-index: 3;
	float: right;
	width:300px;
	height: 190px;
	margin-top: -50px;
	background: url(img/kanban.png) no-repeat top center;
}


/* ------------------------------
	#global_navi
------------------------------ */

.global_navi {
	position: relative;
	/*top:-380px;*/
	top:0px;
	z-index: 2;
	margin-top: -380px;
	background: url(img/global_navi2_bg.png) repeat-x top;
	}
.global_navi .inner {
	height:61px;
	background: url(img/global_navi2_bg.png) repeat-x top;
}
.global_navi .inner ul li {
	float:left;
}





/* ------------------------------
	#main
------------------------------ */

#main {
	position:relative;
	/*top: -400px;*/
	top: 0px;
	clear:both;
	float: left;
	width:650px;
 }


/*-------- トップPR --------*/


.section_01 {
	padding-bottom: 20px;
}
.section_01_hl {
}

.section_01 h2,
.section_01 h3 {
	text-align: left;
	clear:both;
	margin:0 0 0 16px;
	padding: 0 0 0 0;
	line-height: 1.4em;
	border-left: 8px solid navy;
	color: navy;
}
.section_01 h2 span,
.section_01 h3 span {
	text-align: left;
	padding: 3px 0 1px 20px;
	line-height: 1.4em;
	border-left: 5px solid #6A94B5;
}
.section_01_hl ul {

}
.section_01_hl ul li {
	padding: 16px 0 0 10px;
}



/*-------- ピックアップ --------*/


.section_04 {
	padding-bottom: 20px;
}
.section_04_hl {
}

.section_04 h2 {
	text-align: left;
	margin:30px 0 10px 16px;
	padding: 2px 0 0px 0px;
	line-height: 1.4em;
	border-left: 8px solid navy;
	color: navy;
}
.section_04 h2 span {
	text-align: left;
	padding: 4px 0 1px 20px;
	line-height: 1.4em;
	border-left: 5px solid #6A94B5;
}


.section_04_hl ul {
	padding-left: 8px;
}
.section_04_hl ul li {
	background: url(./img/baner_02.png) no-repeat left top;
	display: inline-block;
	float: left;
	height: 103px;
	width: 205px;
	padding: 8px 0 0 8px;
}




/* ------------------------------
	#sub
------------------------------ */

#sub {
	/*position: relative;
	top:0px;*/
	float: right;
	width:300px;
	margin-bottom: 30px;
	_margin-top: 25px;
	}

.sub_inner {
	top: 0px;
	margin: 0 20px 0 20px;
	padding:2px  ;
	background-color: #497e5d;
}


/* ------------------------------
	post
------------------------------ */

.postWapper {
}
.postInner {
}
.postInner h2 {
	margin:0 0 20px 16px;
	padding: 0 0 0 0;
	line-height: 1.3em;
	border-left: 8px solid navy;
	color: navy;
}
.postInner h2 .sTitle {
	text-align: left;
	font-size: 1.3em;
	padding: 1px 0 0px 20px;
	line-height: 1.4em;
	border-left: 10px solid #8Ab4d5;
}






/* ---------- .tayori -------- */

/* sidber */

.tayori {
	background: url(img/tayori_bg.png) no-repeat center center;
	border: 1px solid #fff;
	margin: 0px;
	color: #005e08;
}
.tayori_hl {
	position: relative;
	padding:10px;
	color: #005e08;
}


.tayori_head {
	font-size: 1.1em;
	color: #005e08;
}
.tayori_head span {
	display: inline-block;
	text-align: right;
	float: right;
	clear: both;
	clear: left;
	font-size: 0.9em;
	line-height: 1.3em;
	color: #005e08;
	padding-top:4px;
}


.tayori_hl img {
	width: 227px ;
	height: 151px ;
	margin:4px;
}


.tayori .tayoriexcerpt {
	font-size: 0.90em;
	color: #005e08;
}
.tayori_hl h3 {
	line-height: 1.7em;
	color: #005e08;
}
.tayori_foot {
	text-align: right;
	font-size: 0.9em;
	line-height: 2.0em;
	color: #005e08;
}

/* main */


.tayoriBody {
	padding:0px 20px 30px 130px;
}
.tayoriBody dl {
	display: block;
	padding-bottom: 0px;
}
.tayoriBody dl dt {
	margin: 20px 0 8px 0;
}
.tayoriBody h3 {
	font-size: 1.2em;
	color: green;
	border-bottom: 2px solid #8Ab4d5;
}
.tayoriBody h3 .tayoliDate {
	font-size: 1.0em;
	color: #888;
}
.tayoriBody dl dd {
	margin:6px;
}
.tayoriBody dl dd img {
	float: right;
}








/* ---------- news -------- */

.news {
	background: url(img/news_uc_bg.png) no-repeat top center;
	margin: 20px 0px 0px 0px;
	padding-top: 8px;
	_padding-top:20px;
}
.news_bottom {
	background: url(img/news_u_bg.png) no-repeat center bottom;
	height:20px;
}

.news .news_head {
	_position: relative;
	_left:14px;
	line-height: 20px;
	color: navy;
	width: auto;
	height:auto;
	margin: 12px 12px 12px 14px;
	padding: 2px 8px 0px 4px;
	_width: 225px;
	_margin: 12px 0px 0px 0px;
	_padding: 2px 4px 0px 0px;
	border-bottom:2px solid #9af;
	background: url(img/news_title_bg.jpg) no-repeat top left;
}
.news .mtitle {
	float: left;
}
.news .tolist {
	float: right;
}
.news dl {
	display: block;
	padding: 0px 12px 0px 12px;
	margin:  0px 0 0px 0;
}
.news dt {
	clear: both;
	padding: 0px 0 0px 0;
	margin:  6px 0 0px 0;
	width: 230px;
	height:22px;
}
.news dd {
	border-bottom: 1px dotted #ccc;
	width: 230px !important;
	padding: 0px 0 2px 0;
	margin:  0px 0 0px 0;
}

.news .categoly a {
	float: left;
	display: block;
	font-size: 11px;
	width: 85px;
	height:20px;
	text-align: center;
	line-height: 20px;
	color: #fff;
	overflow: hidden;
	background: url(img/categoly_bg.png) no-repeat center center;
	}

.news .ndate {
	float: right;
	text-align: right;
	font-size: 12px;
	width: 120px;
	line-height: 20px;
	color: #999;
}
.news .ntitle {
	font-size: 11px;
	line-height: 16px;
	color: #666;
	overflow:visible;
}



/* ---------- menu -------- */

.menu {
	background: url(img/news_uc_bg.png) no-repeat top center;
	margin: 20px 0px 0px 0px;
	padding-top: 8px;
}
.menu_bottom {
	background: url(img/news_u_bg.png) no-repeat center bottom;
	height:20px;
}


.menu .menu_head {
	line-height: 1.7em;
	width: auto;
	height:auto;
	color: navy;
	margin: 12px 12px 0px 14px;
	padding: 2px 8px 0px 4px;
	_padding-top: 4px;
	border-bottom:2px solid #9af;
	background: url(img/news_title_bg.jpg) no-repeat top left;
}
.menu ul {
	padding: 16px 10px 0px 20px;
	margin-top:0px ;
}
.menu ul li {
	padding:0 0 0 12px;
	line-height:1.8em;
	font-size: 0.9em;
	background: url(img/news_arow.png) no-repeat left center;
}
.menu ul li,
.menu ul li a {
	display:block;
}
.menu ul li a:hover {
	background-color:#eef;
}











/* ------------------------------
	#footer
------------------------------ */


/* ---------- data list -------- */

.foot_navi {
	background-color:#F5F5F5;
	background: url(img/foot_navi_bg.png) repeat-x top;
	padding-top:12px;
	padding-bottom:12px;
}

.foot_navi .data_box {
	margin:0px 0 0 20px;
	font-size: 0.9em;
}
.foot_navi .groop {
	display: block;
	float:left;
	margin:8px 8px 12px;
}
.foot_navi .groop dl {
}
.foot_navi .groop dd {
	width:150px;
	padding-left: 1.5em;
}
.foot_navi .groop dd,
.foot_navi .groop dd a {
	display: block;
}
.foot_navi .groop dd a:hover {
	background-color:#eee;
}


/* ---------- .footer_navi -------- */

.footer_navi {
	height:90px;
	background: url(img/footer_navi_bg.png) repeat-x bottom;
	background-color: #fff;
}

.footer_navi .inner {
	height:90px;
	background: url(img/footer_navi_bg.png) repeat-x bottom;
	background-color: #fff;
}

.footer_navi .box-c {
	display: block;
	width: 640px;
	margin: 8px auto;
}

.footer_navi ul {
	text-align: center;
	display: block;
}
.footer_navi ul li {
	line-height: 1em;
	float:left;
	padding:3px 0px 2px 0px;
	color:blue;
}



/* ---------- .to_top -------- */

.to_top {
	height:32px;
}
.to_top span a {
	width:221px;
	display: block;
}
.to_top span {
	width:221px;
	display: block;
}
.to_top span {
	margin-right: 50px;
	_margin-right: 25px;
	text-align: center;
	float:right;
}
.to_top span a {
	background: url(img/totop_bg02.png) no-repeat top center;
	height:32px;
	line-height: 32px;
}


/* ---------- bottom -------- */

.address {
	width: 960px;
	height:auto;
	background-color: #fff;
}

.copyright {
	text-align: center;
	color: #ccc;
	font-size: 90%;
	line-height: 40px;
	background-color: #497e5d;
}


/* ------------------------------
	common
------------------------------ */

.left {float:left}
.right {float:right}

.clear {clear: both;}
.clear_left {clear: left;}
.clear_right {clear: right;}

.hl_01 {font-size: 1.4em;}
.hl_02 {font-size: 1.2em;}
.hl_03 {font-size: 1.0em;}
.hl_04 {font-size: 0.9em;}
.hl_05 {font-size: 0.8em;}
.hl_06 {font-size: 0.7em;}

.section_01 {} 
.section_02 {}
.section_03 {}
.section_04 {}
.section_05 {}

.rm_01 {margin-bottom:5px;}
.rm_02 {margin-bottom:10px;}
.rm_03 {margin-bottom:15px;}
.rm_04 {margin-bottom:20px;}
.rm_05 {margin-bottom:30px;}

.padding_left {padding-left:16px;}
.padding_right {padding-right:16px;}

.page_width {width:960px;}
.contents_widht {width:960px;}
.main_width {width:650px;}
.sub_widht {width:300px;}

.line_h_01 {line-height:1.8em}
.line_h_02 {line-height:1.7em}
.line_h_03 {line-height:1.5em}


/* ------------------------------
	clearfix
------------------------------ */

.clearfix:after {
	content: ".";
	display: block;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0; 
	clear: both;
	visibility: hidden; 
}

/* Hide from IE-mac �*/
.clearfix {	display: inline-block;}
* html .clearfix { height: 1%; }
.clearfix { display:block; }
/* End hide from IE-mac */




/* ======== share ========*/