@charset "utf-8";


/* ----------------------------------------------------------------------------------------------------
	
	Format Ver  : 1.0
	Last UpDate : 2017/1/26
	
	1 - 全ページ共有				（body,header,gnav,contents,footer）
	2 - 全ページ共有テキスト装飾
	3 - ボックス・ツールセット
	4 - テーブルセット
	5 - 
	6 - 
	5 - 
	6 - 
	7 - 
	8 - 
	9 - 

/* ----------------------------------------------------------------------------------------------------

	全ページ共有

---------------------------------------------------------------------------------------------------- */
html {
	color: #333;
	font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif;
	background: url(../images/bg_body.png) no-repeat top left;
	line-height: 1.6;
	word-wrap: break-word;
	-webkit-text-size-adjust: 100%;
}
a {
	color: #333;
	text-decoration: none;
	background: linear-gradient(transparent 60%, #ffff66 60%);
}
a:hover {
	background: linear-gradient(transparent 60%, #FFDD00 60%);
}


#wrap,
#header,
#pan,
#contents-main {
	width: 100%;
	min-width: 1060px;
}
.inner {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}


/* ヘッダー */
#header {
}
.title {
	width: 360px;
	background: url(../images/bg_header.png) no-repeat top center;
	font-size: 14px;
	text-align: center;
	margin: 0 auto;
}
.title a {
	display: block;
	height: 205px;
	background: none;
}
.catch {
	padding: 40px 0;
}


/* 親ナビ */
#nav {
	width: 1000px;
	margin: 50px auto;
	box-shadow:rgba(220,220,220, 0.5) 0px 0px 3px 1px;
}
#nav ul {
 	overflow: hidden;
}
#nav ul li {
	float: left;
	background: rgba(255,255,255,0.8);
}
#nav ul li:last-child {
	border-right: 0;
}
#nav ul li:hover {
	background: rgba(255,255,255,0.9);
}
#nav a {
	background: none;
}


		/* 子メニュー */
		#nav .sub-menu {
			display: none;
			position: absolute;
		    min-width: 200px;
			z-index: 100000000;
		}
		#nav .sub-menu li {
			width: 100%;
			background: rgba(255,221,0,0.9);
		    clear: both;
		}
		#nav .sub-menu a {
			color: #000;
			text-decoration: none;
			border-bottom: 1px dotted #FFF;
			padding: 10px 15px;
			display: block;
		}
		#nav .main-menu:hover ul {
			display: block;
		}
		#nav li.main-menu li a:hover {
			background: rgba(255,150,0,0.8);
		}
		
		
.nav-fixed {
    position: fixed;
    margin: 0 auto 0 -500px !important;
    top: 0;
    left: 50%;
}
.contents-fixed {
	margin-top: 200px;
}



/* パンくず */
#pan {
	margin-bottom: 50px;
}
#pan ul {
	float: right;
}
#pan ul li {
	float: left;
}
		#pan ul li:before {
		  content: "　>　";
		}
		#pan ul li:first-child:before {
		  content:"";
		}


/* メイン */
#contents-main {
	padding-bottom: 50px;
	background: url(../images/bg_contents.png) no-repeat bottom right;
}
#contents-main p {
	margin-bottom: 30px;
}
.section {
	overflow: hidden;
	margin-bottom: 50px;
}
div#anchor01,
div#anchor02,
div#anchor03,
div#anchor04,
div#anchor05,
div#anchor06,
div#anchor07,
div#anchor08,
div#anchor09,
div#anchor10 {
    margin-top: -100px;
    padding-top: 100px;
}
span#anchor03 {
	position: relative;
	top: -100px;
	display: block;
}


/* フッター */
#footer	{
	background:#FFF;
}
#footer a {
	background: none;
}

#footer-top {
	height: 60px;
	background: #FF6600 url(../images/bg_footer_top.jpg);
}
#footer-top .inner {
	overflow: visible;
}
.sns {
	float: left;
    margin-top: 15px;
}
		.tw {
			float: left;
			margin: 5px 10px 0 0;
		}
		.fb-like {
			float: left;
		}
.pagetop {
	float: right;
	margin-top: -30px;
}


#footer-main {
	background: url(../images/bg_footer.png) no-repeat top right;
}
.footer-company {
	float: left;
	margin: 50px 0;
}
.footer-logo {
	width: 320px;
	height: 80px;
	background: #FFF;
	border: 1px solid #000;
	display:table-cell;
    text-align:center;
    vertical-align:middle;
}
.footer-about {
	font-size: 15px;
	margin-top: 30px;
}
.footer-nav {
	overflow: hidden;
	float: right;
	margin: 50px 0 20px 0;
}
.footer-nav a:hover {
	background: linear-gradient(transparent 60%, #FFDD00 60%) !important;
}

		.footer-nav > ul {
			float: left;
			font-size: 16px;
			font-weight: bold;
			margin-right: 20px;
		}
		.footer-nav > ul.last {
			margin-right: 0;
		}
		.footer-nav > ul a {
			color: #333;
		}
		.footer-nav ul > li {
			list-style: url(../images/li_parent.png);
			margin-left: 20px;
			line-height: 2;
		}
		.footer-nav li li {
			color: #333;
			font-weight: normal;
			font-size: 14px;
			line-height: 1.4;
			list-style: url(../images/li_child.png);
		}
		.footer-nav ul li ul li:last-child {
			margin-bottom: 30px;
		}

.copyright{
	background: #FFF;
	border-top: 1px solid #000;
	text-align: center;
	font-size: 12px;
	padding: 15px 0;
}




/* ----------------------------------------------------------------------------------------------------

	全ページ共有テキスト装飾

---------------------------------------------------------------------------------------------------- */
h1	{}
h2	{
    font-size: 30px;
	margin-bottom: 30px;
    padding: 5px 15px;
    border-left: 5px solid #FF9900;
	clear: both;
}
h2.tit {
	margin-bottom: 50px;
	padding: 0;
	border: 0;
}
h3	{
	color: #FF6600;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}
h4	{
	color: #2e0099;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 5px;
}


.red		{	color: #CC0000;}
.orange		{	color: #FF6600;}
.blue		{	color: #2e0099;}




/* ----------------------------------------------------------------------------------------------------

	ボックス・ツールセット

---------------------------------------------------------------------------------------------------- */
.flt-L		{	float: left;}
.flt-R		{	float: right;}
.flt-Clear	{	clear: both;}

.box-L		{	float: left;}
.box-R		{	float: right;}

.text-L		{	text-align: left;}
.text-C		{	text-align: center;}
.text-R		{	text-align: right;}


.font-L	{	font-size: x-large;	line-height: 1.4em;}


.mt-30		{	margin-top: 30px !important;} 


.mr-00		{	margin-right: 0px !important;}
.mr-30		{	margin-right: 30px !important;}


.mb-00		{	margin-bottom:  0px !important;} 
.mb-10		{	margin-bottom: 10px !important;} 
.mb-15		{	margin-bottom: 15px !important;} 
.mb-50		{	margin-bottom: 50px !important;} 


.width-350	{	width: 350px !important;}
.width-550	{	width: 550px !important;}


.alt		{	display:none;}




/* ----------------------------------------------------------------------------------------------------

	テーブルセット

---------------------------------------------------------------------------------------------------- */
table {
	font-size: small;
	line-height: 1.4;
	width: 100%;
	margin: 0 auto 30px;
}
th,
td {
	background: #FFF;
	padding: 10px;
	border: 1px solid #000;
}
th {
	color: #000;
	font-size: medium;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	background: #EFEFEF url(../images/bg_gray.png);
	width: 150px;
}

.aside {
	font-size: small;
	line-height: 1.4em;
	margin: -30px 0 50px 0;
}