@charset "utf-8";
/* @group reset */
* { margin: 0; padding: 0; }
a { text-decoration: none;}
a:hover { opacity: 0.8; }
a:active { color: #3366FF; }
a:link { color: #0000FF; }
a:visited { color: #0000FF; }
ul, ol  { list-style: none; }
img { vertical-align: middle; } 
/* @end */

/* @group Fluid-img */
img { max-width: 100%; }
/* @end */

/* @group HTML */
html {
	font-family: "MS P ゴシック", verdana, sans-serif;
	font-size: 100%;
	line-height: 1.5;
	/*background: url(../12_col.gif) repeat-y top center;*/
}
body {
  text-rendering: optimizeLegibility;
}
/* @end */

/* @group Heading */
h1, h2, h3, h4, h5, h6  { margin-bottom: 24px; }
h1 {
	font-size: 48px;
	line-height: 1;
} /* 48px */
h2 {
	font-size: 36px;
	line-height: 1.3333;
} /* 48px */
h3 {
	font-size: 24px;
	line-height: 1;
} /* 24px */
/* @end */

/* @group header */
#f1 {
	width: 100%;
	background: url(../images/hd-bg.jpg) repeat-x 0 0;
}
header {
	width: 960px; /* 960/1024 */
	margin: 0 auto;
	text-align: left;
	height: 100px;
}
	hgroup {
		float: left;
		margin: 10px;
	}
		hgroup h1 {
			font-size: 13px;
			font-weight: normal;
			color: #999999;
			margin-bottom: 0px;
		}
		hgroup h2 {
			font-size: 13px;
			font-weight: normal;
			color: #999999;
			margin-bottom: 8px;
		}
	#hsearch {
		float: right;
		margin: 38px 10px 0 0;
	}
		#hsearch input[type="search"]{
			width: 220px;
			font-size: 13px;
			padding: 4px;

			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;

			border: solid 1px #E5E5E5;
			background: #FFFFFF;
			box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.35);
			color: #999999;
			vertical-align: top;
		}
/* @end */

/* @group nav */
#f2 {
	width: 100%;
	background: url(../images/nav-bg.jpg) repeat-x 1px 0;
}
nav {
	clear: both; 
	width: 960px; /* 960/1024 */
	margin: 0 auto;
	text-align: left;
}
	menu {
		height: 51px;
		padding: 0 25px;
	}
		menu ul {
			/*overflow: hidden;*/
		}
		menu a {
			/*text-indent:-9999px;*/
		}
		ul.menu-main li {
			float: left;
			width: 181px;
			height: 51px;
			position: relative;
		}
		ul.menu-main li  a{
			text-indent:-9999px;
			display: block;
			width: 100%;
			height: 100%;
			position: relative;
			background: url(../images/nav-menu.jpg) no-repeat 0 0;
		}
		#menu-home a{
			background-position: 0 0;
		}
		#menu-home a:hover{
			background-position: 0 -55px;
			opacity: 1;
		}
		#menu-home-sel a{
			background-position: 0 -110px;
		}
		#menu-ps a{
			background-position: -181px 0;
		}
		#menu-ps a:hover{
			background-position: -181px -55px;
			opacity: 1;
		}
		#menu-ps-sel a{
			background-position: -181px -110px;
		}
		#menu-about a{
			background-position: -362px 0;
		}
		#menu-about a:hover{
			background-position: -362px -55px;
			opacity: 1;
		}
		#menu-about-sel a{
			background-position: -362px -110px;
		}
		#menu-qa a{
			background-position: -543px 0;
		}
		#menu-qa a:hover{
			background-position: -543px -55px;
			opacity: 1;
		}
		#menu-qa-sel a{
			background-position: -543px -110px;
		}
		#menu-inq a{
			background-position: -724px 0;
		}
		#menu-inq a:hover{
			background-position: -724px -55px;
			opacity: 1;
		}
		#menu-inq-sel a{
			background-position: -724px -110px;
		}
		ul.menu-sub{
			display:none;
		}
		ul.menu-sub li ul.menu-sub {
			position: absolute;
		}
		ul.menu-sub li {
			border-bottom: solid 1px #cccccc;
			border-left: solid 1px #cccccc;
			border-right: solid 1px #cccccc;
		}
		ul.menu-sub li  a{
			text-indent:0px;
			width: 171px;
			height: 41px;
			padding: 10px 0 0 10px;
			background: #FFFFFF;
			color: #666666;
			font-size: 16px;
		}
		ul.menu-sub li  a:hover{
			background: #cccccc;
		}
		ul.menu-main:after {
				content:".";
				display:block;
				clear:both;
				height:0;
				visibility:hidden;
		}
		/* IE7 対策 */
		ul.menu-main{
			zoom:1;
		}
		*+html ul.menu-main li{
				display:inline;
				zoom:1;
		}
		*+html ul.menu-sub{
				zoom:1;
				position:relative;
		}
/* @end */

/* @group article */
#f3 {
	width: 100%;
	background: url(../images/at-bg.jpg) no-repeat 0 0;
	clear: both; 
	overflow: hidden;
	text-align: left;
}
	#at-bread {
		width: 960px; /* 960/1024 */
		margin: 0 auto 24px auto;
	}
	#at-bread p {
		margin-top: 6px;
		margin-left: 24px;
		color: #999999;
		font-size: 13px;
	}
		#at-bread a:link { color: #999999; }
		#at-bread a:visited { color: #999999; }

article {
}
section{
}

	#at-def01 {
		width: 960px; /* 960/1024 */
		margin: 0 auto;
	}
		#at-def01 article, #at-def01 aside{
			float: left;
		}
		#at-def01 article {
			width: 680px;
			background-color: #FFFFFF;
			margin-bottom: 48px;
		}
		#at-def01 aside {
			width: 220px;
			margin: 0;
			padding: 0;
			margin-left: 48px;
			background-color: #FFFFFF;
		}
		section h1 {
			margin: 0;
			padding: 12px 0 0 10px;
			font-size: 6px;
		}
		section h2 {
			margin: 0;
			padding: 0;
			font-size: 16px;
			font-weight: normal;
			color: #333333;
		}
		section h3 {
			margin: 0;
			padding: 0;
		}
		section ol  {
			list-style: decimal;
			margin: 0 0 0 26px;
		}
		section table {
			border-left: 1px solid #999;
			border-top: 1px solid #999;
			border-collapse: collapse;
		}
		section th {
			background-color: #0066CC;
			color: #FFFFFF;
			border-right: 1px solid #999;
			border-bottom: 1px solid #999;
		}
		section td {
			padding: 10px 0 10px 24px;
			border-right: 1px solid #999;
			border-bottom: 1px solid #999;
		}

		section form table {
			border-left: 1px solid #C1E0FF;
			border-top: 1px solid #C1E0FF;
			border-collapse: collapse;
			width: 100%;
		}
		section form th {
			background: #CFE8F5 url(../images/info-th.png) repeat-x 0 0;
			/*width: 9px;*/
			height: 48px;
			border-right: 1px solid #C1E0FF;
			border-bottom: 1px solid #C1E0FF;
			font-size: 16px;
			font-weight: normal;
			color: #666666;
		}
		section form td {
			background-color: #FFFFFF;
			padding: 16px 12px;
			border-right: 1px solid #C1E0FF;
			border-bottom: 1px solid #C1E0FF;
			font-size: 16px;
			color: #666666;
		}

		section .textbox-green {
			margin: 24px 0 0 50px;
			padding: 0;
			width: 580px;
			font-size: 16px;
			color: #666666;
		}
		section .textbox-green table {
			border-left: 1px solid #68C5B4;
			border-top: 1px solid #68C5B4;
			border-collapse: collapse;
		}
		section .textbox-green th {
			background-color: #68C5B4;
			width: 560px;
			height: 42px;
			padding-left: 12px;
			border-right: 1px solid #68C5B4;
			border-bottom: 1px solid #68C5B4;
		}
		section .textbox-green td {
			padding: 10px 0 10px 24px;
			border-right: 1px solid #68C5B4;
			border-bottom: 1px solid #68C5B4;
		}

		section .textbox {
			margin: 24px 0 0 50px;
			padding: 0;
			width: 580px;
			font-size: 16px;
			color: #666666;
		}
		section .textbox b {
			color: #3366CC;
			font-weight: normal;
		}
		section .textbox em {
			font-weight: normal;
			text-decoration: underline;
			font-style: normal;
		}

		.colleft, .colright{
			float: left;
		}
		.colleft {
			margin: 0 0 0 25px;
			padding: 0;
		}
		.colright {
			margin: 0 0 0 25px;
			padding: 0;
		}
		
	#at-def02 {
		width: 960px; /* 960/1024 */
		margin: 0 auto;
	}
		#at-def02 article, #at-def02 aside{
			float: left;
		}
		#at-def02 article {
			width: 680px;
			margin-bottom: 48px;
		}
		#at-def02 section {
			/*background-color: #FFFFFF;*/
		}
		#at-def02 aside {
			width: 220px;
			margin: 0;
			padding: 0;
			margin-left: 48px;
			background-color: #FFFFFF;
		}
		#at-def02 section h1 {
			margin: 0;
			padding: 0;
			font-size: 6px;
		}
		#at-def02 section h2 {
			margin: 0;
			padding: 48px 0 0 32px;
			font-size: 13px;
			font-weight: normal;
			color: #333333;
		}
		#at-def02 section h3 {
			margin: 0;
			padding: 0;
		}
		#at-def02 section hr {
			margin: 0 16px;
			padding: 0;
		}
		#at-def02 section .textbox {
			margin: 0;
			padding: 0;
			width: 678px;
			font-size: 16px;
			color: #666666;
			border: 1px solid #cccccc;
			background-color: #FFFFFF;
		}
		#at-def02 section  .textbox p {
			margin: 0;
			padding: 12px 32px 0 32px;
			font-size: 13px;
			color: #999999;
		}
		#at-def02 section  .textbox b {
			color: #666666;
			font-weight: normal;
		}
		#at-def02 section .textbox2 {
			margin: 0;
			padding: 0;
			width: 678px;
			font-size: 16px;
			color: #666666;
			border: 1px solid #cccccc;
			background-color: #FFFFFF;
		}
		#at-def02 section  .textbox2 p {
			margin: 0;
			padding: 12px 32px 0 32px;
			font-size: 16px;
			color: #666666;
		}
		#at-def02 section  .textbox2 p a {
			font-size: 13px;
			color: #999999;
		}
		#at-def02 section .textbox3 {
			margin: 0;
			padding: 0;
			width: 678px;
			font-size: 16px;
			color: #666666;
			border: 1px solid #cccccc;
			background-color: #FFFFFF;
		}
		#at-def02 section  .textbox3 p {
			margin: 0;
			padding: 12px 14px 0 14px;
			font-size: 16px;
			color: #666666;
		}
		#at-def02 section  .textbox3 p a {
			font-size: 13px;
			color: #999999;
		}
			#at-def02 section  .textbox4 p {
				font-size: 13px;
				color: #999999;
			}
		#at-def02  .linkbox {
			margin: 12px 0;
			font-size: 13px;
			text-align: right;
		}
			#at-def02  .linkbox a {
				color: #999999;
			}


	#at-service {
		width: 960px; /* 960/1024 */
		margin: 0 auto;
	}
		#at-service h1 {
			margin: 0;
			padding: 12px 0 0 10px;
			font-size: 6px;
		}
		#at-service .textbox {
			margin: 24px 0 0 24px;
			padding: 0;
			height: 200px;
			font-size: 16px;
			color: #666666;
		}
		#at-service .morelink {
			margin: 0 24px 0 0;
			padding: 0;
			font-size: 13px;
			color: #666666;
			text-align: right;
		}
			#at-service .morelink a:link { color: #666666; }
			#at-service .morelink a:visited { color: #666666; }
		#at-service-col1, #at-service-col2, #at-service-col3, #at-service-col4{
			float: left;
		}
		#at-service-col1 {
			background: url(../images/at-flame.png) no-repeat 0 0;
			width: 221px;
			height: 300px;
			margin: 12px;
		}
		#at-service-col2 {
			background: url(../images/at-flame.png) no-repeat 0 0;
			width: 221px;
			height: 300px;
			margin: 12px 12px 12px 6px;
		}
		#at-service-col3 {
			background: url(../images/at-flame.png) no-repeat 0 0;
			width: 221px;
			height: 300px;
			margin: 12px 12px 12px 6px;
		}
		#at-service-col4 {
			width: 220px;
			margin: 12px 0 12px 6px;
		}

	#at-service2 {
		width: 960px; /* 960/1024 */
		margin: 0 auto;
	}
		#at-service2 article, #at-service2 aside{
			float: left;
		}
		#at-service2 article {
			width: 680px;
			margin-bottom: 48px;
		}
		#at-service2 section {
		}
		#at-service2 aside {
			width: 220px;
			margin: 0;
			padding: 0;
			margin-left: 48px;
			background-color: #FFFFFF;
		}
		#at-service2 h1 {
			margin: 0;
			padding: 0;
			font-size: 16px;
		}
		#at-service2 h2 {
			margin: 0;
			padding: 0;
			font-size: 16px;
		}
		#at-service2 h3 {
			margin: 0;
			padding: 12px 25px;
			font-size: 18px;
			color: #333333;
		}
		#at-service2 .textbox {
			margin: 0;
			padding: 0;
			width: 678px;
			font-size: 16px;
			color: #666666;
			border: 1px solid #cccccc;
			background-color: #FFFFFF;
		}
		#at-service2 .textbox p {
			padding: 12px 25px;
		}
			#at-service2 .textbox2 p {
				font-size: 13px;
			}
				.text-gray {
					color: #999999;
				}
				a.text-gray{
					color: #999999;
				}
		#at-service2 .textbox b {
			color: #3366CC;
			font-weight: bold;
		}
		#at-service2 .textbox a {
			color: #666666;
		}
		#at-service2  .linkbox {
			margin: 12px 0;
			font-size: 13px;
			text-align: right;
		}
			#at-service2  .linkbox a {
				color: #999999;
			}
		#at-service2 .midashi {
			text-align: left;
			border-bottom: solid 1px #666666;
			margin: 0 24px;
			padding: 8px 12px;
		}
		#at-service2 .honbun {
			text-align: left;
			margin: 24px 24px;
			font-size: 13px;
		}
		#at-service2 table  {
			border: solid 1px #3366CC;
			border-collapse: collapse;
			margin: 0px;
		}
		#at-service2 th {
			background-color: #0066CC;
			color: #FFFFFF;
			border: solid 1px #FFFFFF;
			border-collapse: collapse;
			padding: 2px;
		}
		#at-service2 td {
			padding: 2px;
			height: 58px;
			border: solid 1px #3366CC;
			border-collapse: collapse;
			text-align: center;
		}
		#at-service2 .table2 table  {
			border: none;
			border-collapse: collapse;
			margin: 0px;
		}
		#at-service2 .table2 th {
			background-color: #3399FF;
			color: #FFFFFF;
			border: solid 1px #3D72C1;
			border-collapse: collapse;
			padding: 2px;
		}
		#at-service2 .table2 td {
			padding: 2px 12px;
			height: 42px;
			border: none;
			border-bottom: solid 1px #3D72C1;
			border-collapse: collapse;
			text-align: left;
		}

	#at-home{
		width: 960px; /* 960/1024 */
		margin: 0 auto;
	}
		#at-home-main, #at-home-sub{
			float: left;
			margin: 12px 2px 12px 4px;
		}
		#at-home-main{
			width: 520px;
		}
			#at-home-main h1{
				margin: 0;
				padding: 0;
			}
			#at-home-main .textbox{
				border: solid 1px #cccccc;
				background-color: #FFFFFF;
				padding: 36px 20px;
				/*color: #666666;*/
				height: 600px;
				
				margin: 0;
				width: 478px;
			}
		#at-home-sub{
			width: 400px;
			padding-left: 10px;
		}
			#at-home-sub h1{
				margin: 0;
				padding: 0;
			}
			#at-home-sub p{
				padding: 8px 0;
			}
			#at-home-sub .textbox{
				border: solid 1px #cccccc;
				background-color: #FFFFFF;
				padding: 36px 20px;
				height: 255px;
				margin: 0;
				width: 358px;
			}

		#minitable table {
			border: 1px solid #666666;
			border-collapse: collapse;
		}
		#minitable caption {
			color: #3366CC;
			font-size: 16px;
			font-weight: bold;
			letter-spacing:-1px;
		}
		#minitable th {
			margin: 0;
			padding: 1px;
			height: 24px;
			background-color: #FFFFCC;
			color: #666666;
			font-size: 13px;
			text-align: center;
			font-weight: normal;
			border: 1px solid #666666;
			border-collapse: collapse;
		}
		#minitable td {
			margin: 0;
			padding: 1px 4px;
			height: 24px;
			color: #666666;
			font-size: 13px;
			text-align: center;
			line-height: 1;
			border: 1px solid #666666;
			border-collapse: collapse;
		}

		#minitable2 table {
			border: 1px solid #3366CC;
			border-collapse: collapse;
		}
		#minitable2 caption {
			color: #3366CC;
			font-size: 16px;
			font-weight: bold;
		}
		#minitable2 th {
			margin: 0;
			padding: 1px;
			height: 24px;
			background-color: #CCCCCC;
			color: #666666;
			font-size: 13px;
			text-align: center;
			font-weight: normal;
			border: 1px solid #3366CC;
			border-collapse: collapse;
		}
		#minitable2 td {
			margin: 0;
			padding: 1px 4px;
			height: 24px;
			color: #666666;
			font-size: 13px;
			text-align: center;
			line-height: 1;
			border: 1px solid #3366CC;
			border-collapse: collapse;
		}

.box-kakumaru {
	border: 1px solid #A6BCE9;
	border-radius: 10px;
	margin: 24px;
	padding: 24px;
}
/* @end */

/* @group contents */

/* header h1-h3 */
/* @end */

aside {
}
	aside h1 {
		margin: 0;
		padding: 0;
		font-size: 6px;
	}
	aside li {
		padding: 12px 12px;
		border-bottom: 1px solid #999;
	}
		aside li a:link { color: #333333; }
		aside li a:visited { color: #333333; }
		aside ul li a:hover {
			background-color: #CCE0F5;
		}
	
	aside .calender {
		text-align: center;
	}
		aside #calender h1 {
			text-align: center;
			font-size: 13px;
			font-weight: normal;
			color: #999999;
			margin-bottom: 4px;
		}
		aside #calender  h2{
			text-align: center;
			font-size: 13px;
			font-weight: normal;
			color: #999999;
			margin-bottom: 4px;
		}
		aside #calender table {
			border-left: 1px solid #999;
			border-top: 1px solid #999;
			border-collapse: collapse;
		}
		aside #calender th {
			width: 30px;
			height: 30px;
			background-color: #CCCCCC;
			color: #FFFFFF;
			font-size: 13px;
			text-align: center;
			border-right: 1px solid #999;
			border-bottom: 1px solid #999;
		}
		aside #calender td {
			width: 30px;
			height: 30px;
			color: #666666;
			font-size: 13px;
			text-align: center;
			border-right: 1px solid #999;
			border-bottom: 1px solid #999;
		}
			aside #calender .holiday {
				background-color: #FFCCFF;
				color: #FF3399;
			}
			aside #calender .holiday2 {
				background-color: #FFCCFF;
				color: #0066CC;
			}
	
/* header h1-h3 */

/* @group sub */
/* @end */

/* @group footer */
#f5 {
	width: 100%;
	background: url(../images/ft-bg.jpg) repeat-x 0 0;
}
footer {
	clear: both; 
	overflow: hidden;
	width: 960px; /* 960/1024 */
	margin: 0 auto;
	text-align: left;
}
	footer a:link { color: #666666; }
	footer a:visited { color: #666666; }
	footer li {
		color: #666666;
		font-size: 11px;
		line-height: 1;
		padding-bottom: 3px;
	}
	footer ul  li  ul  li  ul {
		padding-left: 12px;
		line-height: 1;
		padding-bottom: 3px;
	}
	#footer-nav {
		height: 330px;
	}
		#footer-nav-main, #footer-nav-sub{
			float: left;
			margin: 0 12px;
		}
		#footer-nav-main{
			width: 620px;
		}
			#footer-nav-main-pp {
				padding: 36px 0 0 16px;
				font-size: 13px;
			}
			#footer-nav-main-sitemap {
				padding: 18px 0 0 16px;
			}
			#footer-sitemap-col1, #footer-sitemap-col2, #footer-sitemap-col3{
				float: left;
			}
				#footer-sitemap-col1 {
					padding: 18px 0 0 16px;
					width: 140px;
				}
				#footer-sitemap-col2 {
					padding: 18px 0 0 0;
					width: 170px;
				}
				#footer-sitemap-col3 {
					padding: 18px 0 0 0;
					width: 200px;
				}
		#footer-nav-sub{
			width: 280px;
			padding-left: 10px;
		}
			#footer-nav-sub-anchor {
			}
			#footer-nav-sub-tel {
				padding: 86px 0 0 0;
			}
			#footer-nav-sub-email {
				padding: 24px 0 0 0;
			}
			#footer-nav-sub-logo {
				padding: 24px 0 0 0;
			}
	#footer-cp {
		height: 20px;
		background-color: #3399FF;
		color: #FFFFFF;
		text-align: center;
		font-size: 13px;
	}
/* @end */

/* @group class */
hr {
	border-top: solid 1px #cccccc;
}
.clear { 
	clear: both; 
}
.spacer {
	margin-bottom: 24px;
}
.pagenolink { 
	text-align: center;
	margin-bottom: 24px;
}
.full {
  width: 100%;
}
/* @end */

.box_skitter_large {
	margin: 2px auto;
	position: relative;
	width: 800px;
	height: 252px;
	background: #000;
}

/* *768px */
@media screen and (min-width: 768px) {
}

/* *960px */
@media screen and (min-width: 960px) {
/* @end */

/* @group contents */
/* @end */

/* @group footer */
/* @end */
}