@charset "Shift_JIS";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++
+ Since:2014-03-12
+ Update:20XX-XX-XX
+ Browser Windows:IE8,FireFox3.6
+ Brouser Mac:Safari3.0,FireFox3.0
+ Editor ID:NTS
+++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* universal reset *********************************************** */
*{
	margin: 0;
	padding: 0;
	font-style: normal;
}

img{
	border: 0;
	vertical-align: top;
}

h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
form, blockquote{
	margin: 0; padding: 0;/* margin&padding reset */
	text-align: left;
	display: block;
}

table {margin : 0;empty-cells: show;}

hr.separator,.areaAnchor,.anchor { display : none; }

img { border: none; }/* img do not want a border */

ul, li { list-style: none; }/* link do not want a dot */

section, hgroup, nav, article, aside, header, footer{
	display: block;
}
/* /universal reset ********************************************** */

/* base font size ************************************************ */
body{
	font-family: "Osaka-等幅", "ＭＳ ゴシック";
}

* html body{
	font-size: 85%;
}

*:first-child+html body{
	font-size: 85%;
}

h1, h2, h3, h4, h5, h6{
	font-size: 100%;
}

a{color: #1741bf; text-decoration: underline;}

a:hover{color: #ffa200; text-decoration: underline;}
/* /base font size *********************************************** */

/* scrollbar ***************************************************** */
html {
	overflow-y: scroll;
	scrollbar-track-color: #d0eacc;
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #00822b;
	scrollbar-darkshadow-color: #d0eacc;
	scrollbar-highlight-color:#00822b;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color: #00822b;
}
/* /scrollbar *************************************************** */

/* frame（フレーム） ******************************************** */
body{
	color: #333;
	font-size: 14px;
	line-height: 1.3;
	text-align: center;
}

#wrap{
	width: 990px;
	margin: 0 auto;
	padding: 5px 0;
}
/* /frame（フレーム） ******************************************** */

/* header(ヘッダー) ********************************************** */
header{
	position: relative;
}

header h1{
	background: #42a978;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	height: 54px;
}

header h1 .nlogo{
	background: url(../img/common/logo_n.gif) no-repeat;
	width: 125px;
	height: 36px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	left: 30px;
	top: 9px;
}

header h1 .logo{
	background: url(../img/common/logo.gif) no-repeat;
	width: 206px;
	height: 44px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	left: 168px;
	top: 5px;
}

header h1 .logo a{
	display: block;
	width: 206px;
	height: 44px;
}

header .home{
	background: url(../img/common/nav_home.png) no-repeat;
	width: 113px;
	height: 44px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	right: 30px;
	top: 6px;
}

header .home a{
	display: block;
	width: 113px;
	height: 44px;
}

header .home a:hover{
	background: url(../img/common/nav_home_on.png) no-repeat;
}

/* nav(ヘッダーナビ) */
nav ul{
	margin: 10px 0 0 35px;
}

nav ul:after{
	display: block;
	content: '';
	clear: both;
	height: 0;
}

nav li{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	float:left;
	margin-right: 6px;
}

nav li a{
	display: block;
}

nav .cate1{
	background: url(../img/common/nav_cate_1.png) no-repeat;
	width: 177px;
	height: 44px;
}

nav .cate1 a{
	width: 177px;
	height: 44px;
}

nav .cate1 a:hover{
	background: url(../img/common/nav_cate_1_on.png) no-repeat;
}

nav .cate2{
	background: url(../img/common/nav_cate_2.png) no-repeat;
	width: 148px;
	height: 44px;
}

nav .cate2 a{
	width: 148px;
	height: 44px;
}

nav .cate2 a:hover{
	background: url(../img/common/nav_cate_2_on.png) no-repeat;
}

nav .cate3{
	background: url(../img/common/nav_cate_3.png) no-repeat;
	width: 148px;
	height: 44px;
}

nav .cate3 a{
	width: 148px;
	height: 44px;
}

nav .cate3 a:hover{
	background: url(../img/common/nav_cate_3_on.png) no-repeat;
}

nav .cate4{
	background: url(../img/common/nav_cate_4.png) no-repeat;
	width: 133px;
	height: 44px;
}

nav .cate4 a{
	width: 133px;
	height: 44px;
}

nav .cate4 a:hover{
	background: url(../img/common/nav_cate_4_on.png) no-repeat;
}

nav .nyushi{
	background: url(../img/common/nav_nyushi.png) no-repeat;
	width: 190px;
	height: 44px;
}

nav .nyushi a{
	width: 190px;
	height: 44px;
}

nav .nyushi a:hover{
	background: url(../img/common/nav_nyushi_on.png) no-repeat;
}

nav .search{
	background: url(../img/common/nav_search.png) no-repeat;
	width: 94px;
	height: 44px;
}

nav .search a{
	width: 94px;
	height: 44px;
}

nav .search a:hover{
	background: url(../img/common/nav_search_on.png) no-repeat;
}

/* ページ別ヘッダーナビの明示 */
#top header .home{
	background: url(../img/common/nav_home_on.png) no-repeat;
}
#nyushi nav .nyushi{
	background: url(../img/common/nav_nyushi_on.png) no-repeat;
}
#search nav .search{
	background: url(../img/common/nav_search_on.png) no-repeat;
}
#mi nav .cate1{
	background: url(../img/common/nav_cate_1_on.png) no-repeat;
}
#tanken nav .cate2{
	background: url(../img/common/nav_cate_2_on.png) no-repeat;
}
#support nav .cate3{
	background: url(../img/common/nav_cate_3_on.png) no-repeat;
}
#grow nav .cate4{
	background: url(../img/common/nav_cate_4_on.png) no-repeat;
}
/* /header(ヘッダー) ********************************************* */

/* cont(コンテンツ) ********************************************** */
#cont{
	margin: 0 35px;
}

#cont h1{
	background: url(../img/common/bg_pagetitle.png) no-repeat;
	color: #77552e;
	font-size: 30px;
	font-weight: bold;
	height: 54px;
	margin-top: 10px;
	padding: 8px 0 0 33px;
	text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff;
	position: relative;
}

#cont h1 span{
	font-size: 20px;
	margin-left: 10px;
}

#cont .pageBack{
	background: url(../img/common/icon_arrow_02.png) 0 4px no-repeat;
	margin: 10px 40px 0;
	padding-left: 18px;
}

/* OGPエリア */
#ogpArea{
	padding-top: 10px;
}

.ogpSpace{
	padding: 10px 30px 0;
}

.ogpOutSpace{
	padding: 10px 80px 0;
}

.ogpTopSpace{
	margin-top: 30px;
}

.ogpline{
	border-top: 1px dashed #186957;
}

.fb-like{
	display: inline;
}

/* リードエリア */
#cont #leadArea{
	margin-top: 25px;
	padding: 0 50px;
}

#cont #leadArea p{
	color: #186957;
	font-size: 13px;
	margin-bottom: 0.5em;
}

/* テキスト（緑） */
#cont .txtG{
	color: #186957;
	font-size: 13px;
	margin-bottom: 0.5em;
}

/* バナーエリア */
#cont dl.bannerArea{
	border: solid 1px #999;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 15px 0 20px 20px;
	display: table;
}

#cont dl.bannerArea:after{
	display: block;
	content: '';
	clear: both;
	height: 0;
}

#cont dl.bannerArea dt{
	display: table-cell;
	width: 190px;
	vertical-align: top;
}

#cont dl.bannerArea dd{
	font-size: 13px;
	float: left;
	width: 530px;
}

#cont dl.bannerArea dd.title{
	background: url(../img/common/line_dot.gif) left bottom repeat-x;
	margin-bottom: 5px;
	padding: 0 0 7px 0;
	font-size: 14px;
}

#cont dl.bannerArea dd.title a{
	margin-left: 10px;
}

#cont dl.bannerArea dt a:hover img {
	background: #fff;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	opacity:0.7;
}
/* /cont(コンテンツ) ********************************************* */

/* footer(フッター) ********************************************** */
footer{
	background: #e0d7ce;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	height: 28px;
	margin-top: 80px; 
	position: relative;
}

footer #illust{
	position: absolute;
	left: 35px;
	top: -68px;
}

footer p{
	text-align: right;
	padding: 8px 35px 0 0;
}

footer #footerNav{
	position: absolute;
	left: 340px;
	top: -68px;
	width: 520px;
}

footer #footerNav li{
	float: right;
	display: inline;
	margin-left: 20px;
}

footer #footerNav .sitemapLink{
	background: url(../img/top/icon_sitemap.png) top right no-repeat;
	padding: 30px 60px 20px 0;
}

footer .toPagetop{
	position: absolute;
	right: 20px;
	top: -60px;
	width: 90px;
	height: 24px;
}
/* /footer(フッター) ********************************************** */