@charset "UTF-8";

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

body {
	min-width:950px;
	width:auto !important;
	width:100%;
	text-align:left;
	color:#333;
	font:normal normal 13px/1.231 "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
 *font-size:small;
 *font:x-small;
	word-wrap:break-word;
}
#pagehome h1, #h1 p#headmsg {
	width:auto;
	height:auto;
	line-height:20px;
	font-size:10px;
	font-weight:normal;
	color:#FFF;
	float:left;
}
#h1 p#headmsgl {
	width:auto;
	height:auto;
	line-height:20px;
	font-size:10px;
	font-weight:normal;
	color:#FFF;
	float: right;
}
#pagehome p, #pagehome ul,
#footer p, #footer ul{
	width:auto;
	height:auto;
	line-height:1.4;
	font-size:12px;
	font-weight:normal;
}
input, select {
	font-family:Arial, "ＭＳ Ｐゴシック", sans-serif;
}
a {
	color:#028dc5;
	text-decoration:none;
}
a:hover {
	color:#52b0d6;
	text-decoration:underline;
}
.linkImg {
	text-indent:-9999px;
	display:block;
}
.caution {
	font-size:10px !important;
	margin:10px 0 0 0;
}
.caution li {
	padding-left:1em;
	text-indent:-1em;
}
.cautionLi {text-align:left;}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/*-------------------------------------------------
    header
  ===============================================*/

#header {
	width:100%;
	min-height:132px;
	_height:132px;
	background:#f6f6f6 url(/img/bg_h1.png) 0 0 repeat-x;
}
#header .inner {
	width:950px;
	height:auto;
	margin:0 auto;
}
/*#pagehome #header h1 + p */
		#pagehome #header #h1 p {
	width:auto;
	height:auto;
	line-height:20px;
	font-size:10px;
	float:right;
	color:#FFF;
}
#header .logo {
	width:217px;
	height:58px;
	float:left;
}
#header .center {
	width:436px;
	height:auto;
	margin:12px 0 0 0;
	float:left;
}
#header .siteSrch {
	width:180px;
	height:36px;
	float:left;
	border:none;
	margin:0;
	padding:0;
}
#header .siteSrch #srchInput {
	width:108px;
	height:24px;
	line-height:24px;
	font-size:12px;
	float:left;
	border:#CCC 1px solid;
	padding:0 0 0 22px;
	background:#FFF url(/img/ico_srch.png) 6px 6px no-repeat;
}
#header .siteSrch #srchBtn {
	width:48px;
	height:26px;
	float:left;
}
#header .regestBtn {
	width:234px;
	height:36px;
	float:right;
}
#header .regestBtn a {
	width:234px;
	height:26px;
	background:url(/img/btn_head_regest.png) 0 0 no-repeat;
}
#header .login {
	width:416px;
	min-height:36px;
	_height:36px;
	line-height:1;
	font-size:11px;
	clear:both;
	background-color:#e3e3e3;
	padding:8px 10px;
}
#header .login.after {
	min-height:40px;
	_height:40px;
	padding:4px 10px 0;
	float:left;
}
#header .login h4 {
	width:auto;
	height:auto;
	margin:0 10px 0 0;
	padding:0;
	display:inline-block;
	font-weight:bold;
 /display:inline;
 /zoom:1;
}
#header .login p {
	width:auto;
	height:auto;
	line-height:1;
	font-size:10px;
	/*display:inline-block;
 /display:inline;
 /zoom:1;*/
}
#header .after .user_info {
	float:left;
	width:293px;
	padding:4px 0;
}
#header .after p {
	line-height:1.2;
	font-size:11px;
}
#header .after .name {
	color:#0071B1;
}
.txtLarge {
	font-size:16px;
	font-weight:bold;
}
.txtOrenge {
	color:#FF6600;
}
#header .after .usernavi {
	float:left;
	width:113px;
	padding-left:10px;
}
#header .after .usernavi img {
	margin-bottom:4px;
}
#header .login dl {
	width:auto;
	height:auto;
	margin:5px 0 0 0;
}
#header .login dt {
	width:auto;
	height:auto;
	line-height:18px;
	float:left;
	color:#00266a;
	margin:0 8px 0 0;
}
#header .login .loginInput {
	width:98px;
	height:16px;
	line-height:16px;
	font-size:12px;
	float:left;
	border:#CCC 1px solid;
	margin:0 10px 0 0;
	padding: 1px 0 !important;
}
#header .login .loginBtn {
	width:83px;
	height:20px;
	float:right;
}
#header .right {
	width:270px;
	height:auto;
	margin:12px 0 0 0;
	float:right;
}
/*-------------------------------------------------
    navi
  ===============================================*/
.btn_cart {
	position: relative;
	height: 59px;
}
.btn_cart span {
	position: absolute;
	right: 10px;
	top: 12px;
	padding: 2px 5px;
	background: #FFF;
	color: #00508B;
	font-weight: bold;
}
.btn_cart span {
	color: #3A9823;
}
/**/
.mypageNav ul {
	width: 216px;
	border: 1px solid #CCC;
	border-top: none;
}
.mypageNav li a {
	display: block;
	width:196px;
	padding:10px 10px 15px;
	border-top:#CCC 1px dotted;
	color: #333;
	text-decoration: none;
}
.mypageNav li:first-child a {
	border:none;
}

#navi {
	height:45px;
	width:950px;
	clear:both;
	padding:10px 0;
}
#navi li {
	float: left;
}
#navi li a {
	display: block;
	height: 0;
	padding-top: 45px;
	line-height: 45px;
	background: url(/img/common/gnavi.gif) no-repeat;
	overflow: hidden;
}
li#naviGuide a {
	background-position: 0 0;
	width:188px;
}
li#naviQa a {
	background-position:-188px 0;
	width:190px;
}
/*
li#naviNyuko a {
	background-position:-316px 0;
	width:158px;
}*/

li#naviTech a {
	background-position: -378px 0;
	width:190px;
}
li#naviTemp a {
	background-position: -568px 0;
	width:190px;
}
li#naviDoc a {
	background-position: -758px 0;
	width:192px;
}
li#naviGuide a:hover, #pageuseGuide li#naviGuide a {
	background-position: 0 -45px;
	width:188px;
}
li#naviQa a:hover, #pagefaq li#naviQa a {
	background-position:-188px -45px;
	width:190px;
}
/*
li#naviNyuko a:hover, #pageiconDownload li#naviNyuko a {
	background-position:-316px -45px;
	width:158px;
}*/

li#naviTech a:hover, #pagetechnical li#naviTech a {
	background-position: -378px -45px;
	width:190px;
}
li#naviTemp a:hover, #pagetempDownload li#naviTemp a {
	background-position: -568px -45px;
	width:190px;
}
li#naviDoc a:hover, #pageshiryoseikyu li#naviDoc a {
	background-position: -758px -45px;
	width:192px;
}
/*-------------------------------------------------
    bodyContainer
  ===============================================*/

#bodyContainer {
	width:950px;
	height:auto;
	margin:15px auto 0;
}
/*  main
	  -------------------------------------------*/

	#main {
	width:718px;
	height:auto;
	float:right;
}
#main h3 {
	width:718px;
	height:40px;
}
#main .bnrArea {
	width:718px;
	height:auto;
	margin:15px 0 0 0;
}
#main .bnrArea p {
	width:181px;
	height:110px;
	float:left;
}
#main .bnrArea p.right {
	width:175px;
}
#main .contents {
	width:718px;
	height:auto;
	margin:20px 0 0 0;
}
#main .contents h4 {
	width:100%;
	height:auto;
	margin:12px 0 0 0;
}
#main .contents h4 + p {
	width:100%;
	height:auto;
	margin:6px 0 0 0;
}
#shipmentTable .red {
	color:#ff0000;
}
#main #shipmentTable .left {
	width:174px;
	height:auto;
	margin:10px 0 0 0;
	float:left;
}
/* calender
				  --------------------------------*/

				#main #shipmentTable .cal {
	width:177px;
	height:auto;
	text-align:center;
	font-size:12px;
}
#main #shipmentTable .cal .ui-datepicker-title {
	background-color:#31b747;
	border:#31b747 1px solid;
	color:#FFF;
	font-weight:bold;
	padding:5px;
}
.prev {
	float:left;
	padding:1px 0 0 0;
}
.next {
	float:right;
	padding:1px 0 0 0;
}
#main #shipmentTable .cal .ui-datepicker-calendar {
	border-left:#CCC 1px solid;
	font-size:11px;
	line-height:19px;
}
#main #shipmentTable .cal .ui-datepicker-calendar a {
	color:#333;
	display:block;
	width:100%;
	height:100%;
}
#main #shipmentTable .cal .ui-datepicker-calendar a:hover {
	text-decoration:none;
	background-color:#EEE;
}
#main #shipmentTable .cal .ui-datepicker-calendar thead {
	border-right:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
}
#main #shipmentTable .cal .ui-datepicker-calendar thead th {
	width:25px;
	font-weight:normal;
	text-align: center !important;
}
#main #shipmentTable .cal .ui-datepicker-calendar tbody td {
	border-right:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
}
.ui-datepicker-saturday .ui-state-default {
	color: #00A0E9 !important;
}
.ui-datepicker-sunday .ui-state-default {
	color: #E60012 !important;
}
.ui-state-active {
	background: none repeat scroll 0 0 #dbdbdb !important;
}
/* btn
				  --------------------------------*/

				#main #shipmentTable .btn {
	width:176px;
	height:28px;
	margin:8px 0 0 0;
	border-left:#00a6e8 1px solid;
}
#main #shipmentTable .btn:hover {
	border-left:#61c9f4 1px solid;
}
/* about
				  --------------------------------*/

				#main #shipmentTable .about {
	width:157px;
	height:auto;
	margin:8px 0 0 0;
	padding:10px 10px 10px;
	background-color:#F7F7F7;
	border:#E9E9E9 1px solid;
}
#main #shipmentTable .about h5 {
	font-size:14px;
}
#main #shipmentTable .about h5 + p {
	margin:5px 0;
}
#main #shipmentTable .right {
	width:527px;
	height:auto;
	margin:10px 0 0 0;
	float:right;
}
/* table_view
				  --------------------------------*/
				#main #shipmentTable #table_view {
	overflow: auto;
	position: relative;
	width:530px;
	height:auto;
	text-align:center;
	font-size:11px;
}
#main #shipmentTable #table_view .to_day {
	position: absolute;
	left: 0;
	top:38px;
}
#main #shipmentTable #table_view th {
	line-height:1.2;
	background-color:#31b747;
	color:#FFF;
	font-weight:bold;
	padding:6px 0;
	text-align:center;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
}
#main #service ul, #main #alpsGuide ul {
	padding:0 0 0 1px;
}
#main #service ul li, #main #alpsGuide ul li {
	width:238px;
	min-height:120px;
	_height:120px;
	float:left;
}
.bdrR {
	border-right:#CCC 1px dotted;
}
.bdrRB {
	border-right:#CCC 1px dotted;
	border-bottom:#CCC 1px dotted;
}
.bdrB {
	border-bottom:#CCC 1px dotted;
}
#main #service ul li a, #main #alpsGuide ul li a {
	width:238px;
	min-height:120px;
	_height:120px;
	display:block;
	position:relative;
	color:#333;
	text-decoration:none;
	background:#FFF url(/img/img_top_sp.png) no-repeat;
	/* ホバーアニメーション */
					-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
#main #service ul li a:hover, #main #alpsGuide ul li a:hover {
	background-color:#e4f7fe;
}
#main #service ul li.sp01 a {
	background-position:0 0;
}
#main #service ul li.sp02 a {
	background-position:-238px 0;
}
#main #service ul li.sp03 a {
	background-position:-476px 0;
}
#main #service ul li.sp04 a {
	background-position:0 -120px;
}
#main #service ul li.sp05 a {
	background-position:-238px -120px;
}
#main #service ul li.sp06 a {
	background-position:-476px -120px;
}
#main #alpsGuide ul li.sp01 a {
	background-position:0 -240px;
}
#main #alpsGuide ul li.sp02 a {
	background-position:-238px -240px;
}
#main #alpsGuide ul li.sp03 a {
	background-position:-476px -240px;
}
#main #alpsGuide ul li.sp04 a {
	background-position:0 -360px;
}
#main #alpsGuide ul li.sp05 a {
	background-position:-238px -360px;
}
#main #alpsGuide ul li.sp06 a {
	background-position:-476px -360px;
}
#main #alpsGuide ul li.sp07 a {
	background-position:0 -480px;
}
#main #alpsGuide ul li.sp08 a {
	background-position:-238px -480px;
}
#main #alpsGuide ul li.sp09 a {
	background-position:-476px -480px;
}
#main #alpsGuide ul li.sp10 a {
	background-image: none;
}
#main #alpsGuide ul li.sp01, #main #alpsGuide ul li.sp03 {
	width:238px;
	min-height:120px;
	background:#FFF url(/img/img_top_sp.png) no-repeat;
}
#main #alpsGuide ul li.sp01 {
	background-position:0 -240px;
}
#main #alpsGuide ul li.sp03 {
	background-position:-476px -240px;
}
#main #service ul li dl, #main #alpsGuide ul li dl {
	width:130px;
	padding:55px 0 13px 15px;
	position:relative;
	z-index:1;
}
#main #service ul li dt, #main #alpsGuide ul li dt {
	display:none;
}
#main #service ul li dd, #main #alpsGuide ul li dd {
	font-size:11px;
	line-height:1.4;
}
/*  main_cal
	  -------------------------------------------*/

	#main_cal {
	width:718px;
	height:auto;
}
#main_cal h3 {
	width:718px;
	height:40px;
}
#main_cal .bnrArea {
	width:718px;
	height:auto;
	margin:15px 0 0 0;
}
#main_cal .bnrArea p {
	width:181px;
	height:110px;
	float:left;
}
#main_cal .bnrArea p.right {
	width:175px;
}
#main_cal .contents {
	width:718px;
	height:auto;
	margin:20px 0 0 0;
}
#main_cal .contents h4 {
	width:100%;
	height:auto;
	margin:12px 0 0 0;
}
#main_cal .contents h4 + p {
	width:100%;
	height:auto;
	margin:6px 0 0 0;
}
#shipmentTable .red {
	color:#ff0000;
}
#main_cal #shipmentTable .left {
	width:174px;
	height:auto;
	margin:10px 0 0 0;
	float:left;
}
/* calender
				  --------------------------------*/

				#main_cal #shipmentTable .cal {
	width:177px;
	height:auto;
	text-align:center;
	font-size:12px;
}
#main_cal #shipmentTable .cal .ui-datepicker-title {
	background-color:#31b747;
	border:#31b747 1px solid;
	color:#FFF;
	font-weight:bold;
	padding:5px;
}
.prev {
	float:left;
	padding:1px 0 0 0;
}
.next {
	float:right;
	padding:1px 0 0 0;
}
#main_cal #shipmentTable .cal .ui-datepicker-calendar {
	border-left:#CCC 1px solid;
	font-size:11px;
	line-height:19px;
}
#main_cal #shipmentTable .cal .ui-datepicker-calendar a {
	color:#333;
	display:block;
	width:100%;
	height:100%;
}
#main_cal #shipmentTable .cal .ui-datepicker-calendar a:hover {
	text-decoration:none;
	background-color:#EEE;
}
#main_cal #shipmentTable .cal .ui-datepicker-calendar thead {
	border-right:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
}
#main_cal #shipmentTable .cal .ui-datepicker-calendar thead th {
	width:25px;
	font-weight:normal;
}
#main_cal #shipmentTable .cal .ui-datepicker-calendar tbody td {
	border-right:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
}
.ui-datepicker-saturday .ui-state-default {
	color: #00A0E9 !important;
}
.ui-datepicker-sunday .ui-state-default {
	color: #E60012 !important;
}
.ui-state-active {
	background: none repeat scroll 0 0 #dbdbdb !important;
}
/* btn
				  --------------------------------*/

				#main_cal #shipmentTable .btn {
	width:176px;
	height:28px;
	margin:8px 0 0 0;
	border-left:#00a6e8 1px solid;
}
#main_cal #shipmentTable .btn:hover {
	border-left:#61c9f4 1px solid;
}
/* about
				  --------------------------------*/

				#main_cal #shipmentTable .about {
	width:157px;
	height:auto;
	margin:8px 0 0 0;
	padding:10px 10px 10px;
	background-color:#F7F7F7;
	border:#E9E9E9 1px solid;
}
#main_cal #shipmentTable .about h5 {
	font-size:14px;
}
#main_cal #shipmentTable .about h5 + p {
	margin:5px 0;
}
#main_cal #shipmentTable .right {
	width:527px;
	height:auto;
	margin:10px 0 0 0;
	float:right;
}
/* table_view
				  --------------------------------*/
				#main_cal #shipmentTable #table_view {
	overflow: auto;
	position: relative;
	width:530px;
	height:auto;
	text-align:center;
	font-size:11px;
}
#main_cal #shipmentTable #table_view .to_day {
	position: absolute;
	left: 1px;
	top:40px;
}
#main_cal #shipmentTable #table_view th {
	line-height:1.2;
	background-color:#31b747;
	color:#FFF;
	font-weight:bold;
	padding:6px 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
}
#main_cal #service ul, #main_cal #alpsGuide ul {
	padding:0 0 0 1px;
}
#main_cal #service ul li, #main_cal #alpsGuide ul li {
	width:238px;
	min-height:120px;
	_height:120px;
	float:left;
}
.bdrR {
	border-right:#CCC 1px dotted;
}
.bdrRB {
	border-right:#CCC 1px dotted;
	border-bottom:#CCC 1px dotted;
}
.bdrB {
	border-bottom:#CCC 1px dotted;
}
#main_cal #service ul li a, #main_cal #alpsGuide ul li a {
	width:238px;
	min-height:120px;
	_height:120px;
	display:block;
	position:relative;
	color:#333;
	text-decoration:none;
	background:#FFF url(/img/img_top_sp.png) no-repeat;
	/* ホバーアニメーション */
					-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
#main_cal #service ul li a:hover, #main_cal #alpsGuide ul li a:hover {
	background-color:#e4f7fe;
}
#main_cal #service ul li.sp01 a {
	background-position:0 0;
}
#main_cal #service ul li.sp02 a {
	background-position:-238px 0;
}
#main_cal #service ul li.sp03 a {
	background-position:-476px 0;
}
#main_cal #service ul li.sp04 a {
	background-position:0 -120px;
}
#main_cal #service ul li.sp05 a {
	background-position:-238px -120px;
}
#main_cal #service ul li.sp06 a {
	background-position:-476px -120px;
}
#main_cal #alpsGuide ul li.sp01 a {
	background-position:0 -240px;
}
#main_cal #alpsGuide ul li.sp02 a {
	background-position:-238px -240px;
}
#main_cal #alpsGuide ul li.sp03 a {
	background-position:-476px -240px;
}
#main_cal #alpsGuide ul li.sp04 a {
	background-position:0 -360px;
}
#main_cal #alpsGuide ul li.sp05 a {
	background-position:-238px -360px;
}
#main_cal #alpsGuide ul li.sp06 a {
	background-position:-476px -360px;
}
#main_cal #alpsGuide ul li.sp07 a {
	background-position:0 -480px;
}
#main_cal #alpsGuide ul li.sp08 a {
	background-position:-238px -480px;
}
#main_cal #alpsGuide ul li.sp09 a {
	background-position:-476px -480px;
}
#main_cal #alpsGuide ul li.sp01, #main_cal #alpsGuide ul li.sp03 {
	width:238px;
	min-height:120px;
	background:#FFF url(/img/img_top_sp.png) no-repeat;
}
#main_cal #alpsGuide ul li.sp01 {
	background-position:0 -240px;
}
#main_cal #alpsGuide ul li.sp03 {
	background-position:-476px -240px;
}
#main_cal #service ul li dl, #main_cal #alpsGuide ul li dl {
	width:130px;
	padding:55px 0 13px 15px;
	position:relative;
	z-index:1;
}
#main_cal #service ul li dt, #main_cal #alpsGuide ul li dt {
	display:none;
}
#main_cal #service ul li dd, #main_cal #alpsGuide ul li dd {
	font-size:11px;
	line-height:1.4;
}
/*  side
	  -------------------------------------------*/

	#side {
	width:218px;
	height:auto;
	margin:0 13px 15px 0;
	/*float:left;*/
}
#side h3 {
	width:216px;
	height:auto;
}
#side .nav {
	width:216px;
	height:auto;
	background-color:#00a6e8;
}
#side .nav h3, #side .contact h3 {
	width:212px;
	height:auto;
	border-top:#2b8fce 3px solid;
	border-right:#2b8fce 3px solid;
	border-left:#2b8fce 3px solid;
	background-color:#0078c4;
}
#side .nav ul {
	width:212px;
	height:auto;
	border-right:#56c6f3 3px solid;
	border-left:#56c6f3 3px solid;
}
#side .nav ul li a {
	width:212px;
	height:37px;
	background:url(/img/navi.png) no-repeat;
}
#itemOndemand {
	position: relative;
}
#itemOndemand a {
	overflow: hidden;
	display:block;
}
.itemPulldown {
	border:none !important;
	position: absolute;
	top:-486px;
	left: 213px;
	z-index: 100;
	display:none;
}
.itemPulldown li {
	padding-bottom: 0 !important;
}
.itemPulldown a {
	border:none !important;
	background-image: url(/sozai000/pdown.gif) !important;
	width: 240px !important;
	height: 35px !important;
}
#Ondemand1 a {
	background-position: 0 0 !important;
}
#Ondemand1 a:hover {
	background-position: 0 -525px !important;
}
#Ondemand2 a {
	background-position: 0 -35px !important;
}
#Ondemand2 a:hover {
	background-position: 0 -560px !important;
}
#Ondemand3 a {
	background-position: 0 -70px !important;
}
#Ondemand3 a:hover {
	background-position: 0 -595px !important;
}
#Ondemand4 a {
	background-position: 0 -105px !important;
}
#Ondemand4 a:hover {
	background-position: 0 -630px !important;
}
#Ondemand5 a {
	background-position: 0 -140px !important;
}
#Ondemand5 a:hover {
	background-position: 0 -665px !important;
}
#Ondemand6 a {
	background-position: 0 -175px !important;
}
#Ondemand6 a:hover {
	background-position: 0 -700px !important;
}
#Ondemand7 a {
	background-position: 0 -210px !important;
}
#Ondemand7 a:hover {
	background-position: 0 -735px !important;
}
#Ondemand8 a {
	background-position: 0 -245px !important;
}
#Ondemand8 a:hover {
	background-position: 0 -770px !important;
}
#Ondemand9 a {
	background-position: 0 -280px !important;
}
#Ondemand9 a:hover {
	background-position: 0 -805px !important;
}
#Ondemand10 a {
	background-position: 0 -315px !important;
}
#Ondemand10 a:hover {
	background-position: 0 -840px !important;
}
#Ondemand11 a {
	background-position: 0 -350px !important;
}
#Ondemand11 a:hover {
	background-position: 0 -875px !important;
}
#Ondemand12 a {
	background-position: 0 -385px !important;
}
#Ondemand12 a:hover {
	background-position: 0 -910px !important;
}
#Ondemand13 a {
	background-position: 0 -420px !important;
}
#Ondemand13 a:hover {
	background-position: 0 -945px !important;
}
#Ondemand14 a {
	background-position: 0 -455px !important;
}
#Ondemand14 a:hover {
	background-position: 0 -980px !important;
}
#Ondemand15 a {
	background-position: 0 -490px !important;
}
#Ondemand15 a:hover {
	background-position: 0 -1015px !important;
}
#side .nav ul li.n01 a {
	background-position:0 0;
}
#side .nav ul li.n02 a {
	background-position:0 -37px;
}
#side .nav ul li.n03 a {
	background-position:0 -74px;
}
#side .nav ul li.n04 a {
	background-position:0 -111px;
}
#side .nav ul li.n05 a {
	background-position:0 -148px;
}
#side .nav ul li.n06 a {
	background-position:0 -185px;
}
#side .nav ul li.n07 a {
	background-position:0 -222px;
}
#side .nav ul li.n08 a {
	background-position:0 -259px;
}
#side .nav ul li.n09 a {
	background-position:0 -296px;
}
#side .nav ul li.n10 a {
	background-position:0 -333px;
}
#side .nav ul li.n11 a {
	background-position:0 -370px;
}
#side .nav ul li.n12 a {
	background-position:0 -407px;
}
#side .nav ul li.n20 a {
    background-position:0 -630px;
}

#side .nav ul li.n19 a {
    background-position:0 -668px;
}
/*#side .nav ul li.n22 a {
    background-position:0 -780px;
}*/
#side .nav ul li.n15 a {
    background-position:0 -780px;
}
#side .nav ul li.n23 a {
    background-position:0 -817px;
}
#side .nav ul li.n24 a {
    background-position:0 -854px;
}
#side .nav ul li.n25 a {
    background-position:0 -891px;
}
#side .nav ul li.n26 a {
    background-position:0 -928px;
}
#side .nav ul li.n27 a {
    background-position:0 -965px;
}
#side .nav ul li.n28 a {
    background-position:0 -1002px;
}
#side .nav ul li.n29 a {
    background-position:0 -1039px;
}

/**
#side .nav ul li.n12 a {
	width:212px;
	height:37px;
	background:url(/img/nav/btn_nav_12.png) no-repeat;
}
*/
#side .nav ul li.n13 a {
	width:212px;
	height:37px;
	background:url(/img/nav/btn_nav_13.png) no-repeat;
}
#side .nav ul li.n14 a {
	width:212px;
	height:37px;
	background:url(/img/nav/btn_nav_14.png) no-repeat;
}
/*#side .nav ul li.n15 a {
	width:212px;
	height:37px;
	background:url(/img/nav/btn_nav_15.png) no-repeat;
}
*/
#side .nav ul li.n17 a {
	width:212px;
	height:37px;
	background:url(/img/btn_nav.png) no-repeat;
}
#side .nav ul li.n18 a {
	width:212px;
	height:37px;
	background:url(/sozai000/off_mouse.png) no-repeat;
}
#side .nav ul li.n18 a:hover {
	width:212px;
	height:37px;
	background:url(/sozai000/on_mouse.png) no-repeat;
}
#side .nav ul li.n12 a {
	background-position:0 -407px;
}
#side .nav ul li.n13 a {
	background-position:0 -444px;
}
#side .nav ul li.n14 a {
	background-position:0 -481px;
}
#side .nav ul li.n15 a {
	background-position:0 -518px;
}
#side .nav ul li.n16 a {
	background-position:0 -555px;
}
#side .nav ul li.n17 a {
	background-position:0 -592px;
}
#side .nav ul li.n01 a:hover {
	background-position:-212px 0;
}
#side .nav ul li.n02 a:hover {
	background-position:-212px -37px;
}
#side .nav ul li.n03 a:hover {
	background-position:-212px -74px;
}
#side .nav ul li.n04 a:hover {
	background-position:-212px -111px;
}
#side .nav ul li.n05 a:hover {
	background-position:-212px -148px;
}
#side .nav ul li.n06 a:hover {
	background-position:-212px -185px;
}
#side .nav ul li.n07 a:hover {
	background-position:-212px -222px;
}
#side .nav ul li.n08 a:hover {
	background-position:-212px -259px;
}
#side .nav ul li.n09 a:hover {
	background-position:-212px -296px;
}
#side .nav ul li.n10 a:hover {
	background-position:-212px -333px;
}
#side .nav ul li.n11 a:hover {
	background-position:-212px -370px;
}
#side .nav ul li.n12 a:hover {
	background-position:-212px -407px;
}
#side .nav ul li.n16 a:hover {
    background-position:-212px -555px;
}
#side .nav ul li.n17 a:hover {
    background-position:-212px -592px;
}
#side .nav ul li.n19 a:hover {
    background-position:-212px -668px;
}
#side .nav ul li.n01 a:hover {
	background-position:-212px 0;
}
#side .nav ul li.n02 a:hover {
	background-position:-212px -37px;
}
#side .nav ul li.n03 a:hover {
	background-position:-212px -74px;
}
#side .nav ul li.n04 a:hover {
	background-position:-212px -111px;
}
#side .nav ul li.n05 a:hover {
	background-position:-212px -148px;
}
#side .nav ul li.n06 a:hover {
	background-position:-212px -185px;
}
#side .nav ul li.n07 a:hover {
	background-position:-212px -222px;
}
#side .nav ul li.n08 a:hover {
	background-position:-212px -259px;
}
#side .nav ul li.n09 a:hover {
	background-position:-212px -296px;
}
#side .nav ul li.n10 a:hover {
	background-position:-212px -333px;
}
#side .nav ul li.n11 a:hover {
	background-position:-212px -370px;
}
#side .nav ul li.n20 a:hover {
    background-position:-212px -630px;
}
/*#side .nav ul li.n22 a:hover {
    background-position:-212px -780px;
}*/
#side .nav ul li.n23 a:hover {
    background-position:-212px -817px;
}
#side .nav ul li.n15 a:hover {
    background-position:-212px -518px;
}
#side .nav ul li.n24 a:hover {
    background-position:-212px -854px;
}
#side .nav ul li.n25 a:hover {
    background-position:-212px -891px;
}
#side .nav ul li.n26 a:hover {
    background-position:-212px -928px;
}
#side .nav ul li.n27 a:hover {
    background-position:-212px -965px;
}
#side .nav ul li.n28 a:hover {
    background-position:-212px -1002px;
}
#side .nav ul li.n29 a:hover {
    background-position:-212px -1039px;
}
/* comingsoon
					#side .nav ul li.n12 a:hover {background-position:-212px -407px;}
					#side .nav ul li.n13 a:hover {background-position:-212px -444px;}
					#side .nav ul li.n14 a:hover {background-position:-212px -481px;}
					#side .nav ul li.n15 a:hover {background-position:-212px -518px;}
					#side .nav ul li.n16 a:hover {background-position:-212px -555px;}
					#side .nav ul li.n17 a:hover {background-position:-212px -592px;}
					*/
					/*new item comingsoon
					#side .nav ul li.n12 a {background-position:0 -407px;}
					#side .nav ul li.n13 a {background-position:0 -444px;}
					#side .nav ul li.n14 a {background-position:0 -481px;}
					#side .nav ul li.n15 a {background-position:0 -518px;}
					#side .nav ul li.n16 a {background-position:0 -555px;}
					#side .nav ul li.n17 a {background-position:0 -592px;}
					new item*/

#side .nav ul li.n01 a:hover,
#pageCenerLeaf #side .nav ul li.n01 a {
	background-position:-212px 0;
}
#side .nav ul li.n02 a:hover,
#pageMusenleaf #side .nav ul li.n02 a {
	background-position:-212px -37px;
}
#side .nav ul li.n03 a:hover,
#pageFlyer #side .nav ul li.n03 a {
	background-position:-212px -74px;
}
#side .nav ul li.n04 a:hover,
#pagePoster #side .nav ul li.n04 a {
	background-position:-212px -111px;
}
#side .nav ul li.n05 a:hover,
#pageOripamph #side .nav ul li.n05 a {
	background-position:-212px -148px;
}
#side .nav ul li.n06 a:hover,
#pageNamecard #side .nav ul li.n06 a {
	background-position:-212px -185px;
}
#side .nav ul li.n07 a:hover,
#pagePostcard #side .nav ul li.n07 a {
	background-position:-212px -222px;
}
#side .nav ul li.n08 a:hover,
#pageLhagaki #side .nav ul li.n08 a {
	background-position:-212px -259px;
}
#side .nav ul li.n09 a:hover,
#pageRhagaki #side .nav ul li.n09 a {
	background-position:-212px -296px;
}
#side .nav ul li.n10 a:hover,
#pageTicket #side .nav ul li.n10 a {
	background-position:-212px -333px;
}
#side .nav ul li.n11 a:hover,
#pageStampcard #side .nav ul li.n11 a {
	background-position:-212px -370px;
}
#side .nav ul li.n20 a:hover {
    background-position:-212px -630px;
}

/*new item comingsoon
					#side .nav ul li.n12 a:hover {background-position:-212px -407px;}
					#side .nav ul li.n13 a:hover {background-position:-212px -444px;}
					#side .nav ul li.n14 a:hover {background-position:-212px -481px;}
					#side .nav ul li.n15 a:hover {background-position:-212px -518px;}
					#side .nav ul li.n16 a:hover {background-position:-212px -555px;}
					#side .nav ul li.n17 a:hover {background-position:-212px -592px;}
					new item*/

#pagenamecardOnecoin #side .nav ul li.n20 a {
    background-position:-212px -630px;
}


#side .nav ul li.comingsoon {
	width:212px;
	height:37px;
	display:block;
	text-indent:-9999px;
}
/*
					#side .nav ul li.n12.comingsoon {background:url(/img/nav/btn_nav_12.png) 0 0 no-repeat;}
					#side .nav ul li.n13.comingsoon {background:url(/img/nav/btn_nav_13.png) 0 0 no-repeat;}
					#side .nav ul li.n14.comingsoon {background:url(/img/nav/btn_nav_14.png) 0 0 no-repeat;}
					#side .nav ul li.n15.comingsoon {background:url(/img/nav/btn_nav_15.png) 0 0 no-repeat;}
					#side .nav ul li.n16.comingsoon {background:url(/img/nav/btn_nav_16.png) 0 0 no-repeat;}
					#side .nav ul li.n17.comingsoon {background:url(/img/nav/btn_nav_17.png) 0 0 no-repeat;}
					*/
#side .nav p {
	width:212px;
	height:auto;
	border-right:#56c6f3 3px solid;
	border-left:#56c6f3 3px solid;
	background:url(/img/line_nav.png) 0 0 repeat-x;
}
#side .nav p.koption a {
	width:212px;
	height:72px;
	background:url(/img/btn_nav_koption.png) 0 2px no-repeat;
}
#side .nav p.koption a:hover, #pageOption1 #side .nav p.koption a,
.pagekOptionThrid #side .nav p.koption a {
	background-position:0 -68px;
}
#side .nav p.last {
	border-bottom:#56c6f3 3px solid;
}
#side .nav p.last a {
	width:212px;
	height:72px;
	background:url(/img/btn_nav_summary.png) 0 2px no-repeat;
}
#side .nav p.last a:hover, #pageBundle #side .nav p.last a {
	background:url(/img/btn_nav_summary.png) 0 -68px no-repeat;
}
#side .contact {
	margin-top:20px;
	background-color:#00a6e8;
}
#side .contact p a {
	width:212px;
	height:66px;
	border-right:#56c6f3 3px solid;
	border-bottom:#56c6f3 3px solid;
	border-left:#56c6f3 3px solid;
	background:url(/img/btn_nav_contact.png) 0 0 no-repeat;
}
#side .contact p a:hover, #pagecontact #side .contact p a {
	background-position:0 -66px;
}
#side .contents {
	width:216px;
	height:auto;
	margin-top:20px;
	border:#CCC 1px solid;
}
#side .contents h3 {
	background-color:#CCC;
}
#side #recent #scrollbar1 {
	width:216px;
	max-height:220px;
	padding:5px 0;
}
#side #recent li {
	width:181px;
	height:auto;
	padding:10px;
	border-top:#CCC 1px dotted;
}
#side #recent li:first-child {
	border:none;
}

#side .bnrArea { padding-top: 20px;}
#side .bnrArea li { margin-bottom: 5px;}

#scrollbar1 .viewport {
	width:201px;
	height:210px;
	overflow:hidden;
	position:relative;
}
#scrollbar1 .overview {
	list-style:none;
	position:absolute;
	left:0;
	top:0;
	padding:0;
	margin:0;
}
#scrollbar1 .scrollbar {
	position:relative;
	float:right;
	width:15px;
}
#scrollbar1 .track {
	height:100%;
	width:15px;
	position:relative;
}
#scrollbar1 .thumb {
	background:#CCC;
	height:42px;
	width:5px;
	cursor: pointer;
	overflow: hidden;
	position:absolute;
	top:0px;
	left:5px;
}
#scrollbar1 .thumb .end {
	overflow: hidden;
	height: 5px;
	width: 25px;
}
#scrollbar1 .disable {
	display: none;
}
#side #protect {
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#414141;
	line-height:1.4;
}
#side #protect dl {
	width:196px;
	padding:10px 10px 15px;
	border-top:#CCC 1px dotted;
}
#side #protect h3 + dl {
	border:none;
}
#side #protect dd {
	margin-top:10px
}
#side #protect dt span {
	font-size:12px;
}
#side #other ul {
	width:186px;
	height:auto;
	padding:10px;
	line-height:1.8;
}
#side #other li {
	width:186px;
	height:auto;
}
/*  pageTop
	  -------------------------------------------*/

	#returnTop {
	width:950px;
	height:22px;
	margin:50px auto 0;
}
#returnTop a {
	width:112px;
	height:22px;
	background:url(/img/btn_head_pagetop.png) 0 0 no-repeat;
	float:right;
}
/*-------------------------------------------------
    footer
  ===============================================*/

#footer {
	width:100%;
	background-color:#f6f6f6;
	border-bottom:#00a6e8 5px solid;
}
#footer .inner {
	width:950px;
	height:auto;
	margin:0 auto;
	padding:22px 0 20px;
}
#footer .left {
	width:223px;
	height:auto;
	padding:0 0 0 97px;
	float:left;
	background:url(/img/img_foot_logo.png) 0 0 no-repeat;
}
#footer .right {
	width:auto;
	height:auto;
	line-height:1.4;
	float:right;
	text-align:right;
	font-size:10px;
}
#footer dl {
	margin:0;
}
#footer dt {
	margin:0 0 5px;
}
#footer .copyright {
	margin:10px 0 0 0;
	line-height:1;
}
/* Sp order
-----------------------------------------------------------------------------  */

#pageSporder {
	line-height:1.6;
	font-size:12px;
}
#pageSporder #wrapper {
	width:950px;
	position:static;
	left:auto;
}
#pageSporder #primary {
	width:700px;
	padding-bottom:30px;
}
#pageSporder #side {
	padding-bottom:50px;
}
.spTable {
	width:100%;
	margin-bottom:20px;
}
.spTable th, .spTable td {
	padding: 8px;
}
.spTable th {
	background-color:#00A6E8;
	color:#FFF;
	font-weight:bold;
	width:25%;
	font-size:14px;
	vertical-align:middle;
}
.spTable td {
	background-color:#FFF;
	border-bottom:1px solid #AAA;
	margin-bottom:3px;
}
.spTable.term td {
	border-left:1px solid #AAA;
	border-right:1px solid #AAA;
}
.spTable.term .center {
	margin-top:10px;
}
#pageSporder input {
	line-height:100%;
}
#pageSporder input, #pageSporder textarea {
	font-size:100%;
	/*padding:2px 3px;*/
}
#pageSporder textarea {
	width:98%;
	height:100px;
}
#pageSporder .formfield {
	border: 1px solid #999;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
*+html body #pageSporder .formfield {
 *padding:4px 3px 0px;
}
#pageSporder input:focus, #pageSporder textarea:focus {
	background-color: #F5F5F5;
}
#pageSporder form input, #pageSporder form select {
	line-height: 1.2;
}
#pageSporder label {
	zoom:1;
}
#pageSporder .caution {
	border: 2px solid #DDD;
	padding:20px;
	margin-bottom:20px;
}
#pageSporder .mb10 {
	margin-bottom:10px;
}
#pageSporder .mb30 {
	margin-bottom:30px;
}
#pageSporder .disc {
	margin-left:1em;
}
#pageSporder .disc li {
	list-style-position:inside;
	list-style-type:disc;
}
#pageSporder .error {
	background-color:#FFE9E8;
	color:#C00;
	padding:20px 20px 15px;
	margin-bottom:20px;
}
#pageSporder .error li {
	margin-bottom:5px;
}
#pageSporder .center {
	text-align:center;
}
#pageSporder .btnArea {
	margin-bottom:20px;
	text-align:center;
}
#pageSporder .btnArea input {
	padding:12px 15px;
	text-align:center;
	border: 3px solid #56C6F3;
	background-color:#00A6E8;
	color:#FFF;
	cursor:pointer;
	font-weight:bold;
	font-size:13px;
}
#pageSporder .btnArea input:hover {
	border: 3px solid #60D0FD;
	background-color:#0AB0F2;
}
#pageSporder h1 {
	margin-bottom:15px;
	font-size: 17px;
}
#pageSporder h2 {
	margin-bottom:5px;
	font-size: 15px;
}
#pageSporder .thanks {
	border: 2px solid #DDD;
	padding:60px 0;
	text-align:center;
}
.mb0 {
	margin-bottom:0;
}
.mb5 {
	margin-bottom:5px;
}
.mb10 {
	margin-bottom:10px;
}
.mb15 {
	margin-bottom:15px;
}
.mb20 {
	margin-bottom:20px;
}
.mb40 {
	margin-bottom:40px;
}
.mr2 {
	margin-right:2px;
}
.mt5 {
	margin-top:5px;
}
.bold {
	font-weight:bold;
}
.small {
	font-size:10px;
}
.inline {
	display:inline;
}
.clear {
	clear:both;
}
.note {
	margin-left:1.0em;
	text-indent:-1.0em;
}
.f11{
	font-size:11px;}
/* ===============================================
  payment
  ===============================================*/
.w686{
	width:686px !important;}
#pagepayment h1 {
	background:url(/img/payment/kev_payment.gif) no-repeat !important;
	width:718px !important;
	height:117px !important;
	text-indent:-9999px;
	padding:0 !important;
	margin-bottom:40px;
}
#pagepayment h2 {
	text-indent:-9999px;
	height:40px;
	margin-bottom:20px;
}
#pagepayment #hl_1 {
	background:url(/img/payment/hl_h2_1.gif) no-repeat;
}
#pagepayment #hl_2 {
	background:url(/img/payment/hl_h2_2.gif) no-repeat;
}
#pagepayment #hl_3 {
	background:url(/img/payment/hl_h2_3.gif) no-repeat;
}
#pagepayment #hl_4 {
	background:url(/img/payment/hl_h2_4.gif) no-repeat;
}
#pagepayment #hl_5 {
	background:url(/img/payment/hl_h2_5.gif) no-repeat;
}
#pagepayment #hl_6 {
	background:url(/img/payment/hl_h2_6.gif) no-repeat;
}
.mb28{
	margin-bottom:28px;}
#paymentFlow img {
	vertical-align:text-bottom;
	line-height:100%;
}
#questionArea{
	width:686px;
}
#questionArea dt{
	padding-left:10px;
	background-color:#FDE9E9;
	margin-bottom:5px;
}
#questionArea dd{
	padding-left:10px;
	background-color:#E8F3FA;
	margin-bottom:15px;
}
.ic_q,.ic_a {
	padding:8px 10px 8px 30px;
	display:block;
}
.ic_q {
	background:url(/img/payment/icon_q.gif) no-repeat 0 50% #FDE9E9;
}
.ic_a{
	background:url(/img/payment/icon_a.gif) no-repeat 0 50% #E8F3FA;
}
.dot{
	background:url(/img/payment/dot.gif) repeat-x 0 100%;
	padding-bottom:10px;
}
.pl30{
	padding-left:30px;
}
.block{
	display:block;
}
.mb15{
	margin-bottom:15px;
}
.disc{
	background:url(/img/payment/icon_at.gif) no-repeat 0 0.3em;
	padding-left:22px;
}
.aleart{
	background:#FACDCD;
	padding:10px;
	text-align:center;
	width:666px;
	font-weight:bold;
}
.paymentSheet{
	border-left: #CCCCCC 1px solid;
	border-top: #CCCCCC 1px solid;
	line-height: 1.5em;
	margin-bottom:10px;
	border-collapse: collapse;
}
.paymentSheet td{
	text-align: left;
	vertical-align: top;
	padding: 10px;
	border-right: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
}
.paymentSheet th{
	background: #E3F7FF;
	border-bottom: #CCCCCC 1px solid;
	border-right: #CCCCCC 1px solid;
	color: #333;
	font-weight: normal;
	text-align:center;
	vertical-align:middle;
	width:30%;
}
.paymentSheet td{
	text-align: left;
	vertical-align: top;
	padding: 10px;
	border-right: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
	width:70%;
}
/*  templatepage
	  -------------------------------------------*/
.calendarbox {
    background: #f6f6f6 none repeat scroll 0 0;
    border-radius: 10px;
    float: left;
    margin-bottom: 20px;
    margin-right: 16px;
    padding-left: 17px;
    padding-top: 10px;
    width: 310px;
}
.calendarbox dt {
	text-align: center;	
}
.calendarbox dd {
	text-align: center;
	width: 252px;
	padding-top: 0px !important;	
}
/*  nengajyoupage
	  -------------------------------------------*/
.nenga_tmp li{
	float: left;
	margin-right: 20px;
}
.nenga_tmp td{
	padding-bottom: 20px;
}

/*  contact_btn
	  -------------------------------------------*/
.contactbox {
	width: 686px;
	height: 100px;
	background-image: url(/img/btn_contact_cart.jpg);
	background-repeat: no-repeat;
	position: relative;
}
.contactbox .mailbtn {
    height: 31px;
    left: 448px;
    position: relative;
    top: 66px;
    width: 225px;
}
/*-------------------------------------------------
    input type date + fontAwesome
    @see http://qiita.com/OUIEA/items/1e55264b5e3acc609e1f
  ===============================================*/

/* スピンボタン（上下ボタン）を非表示 */
input[type=date]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
/* 無入力時の 年/月/日 を / / にする */
input[type=date]::-webkit-datetime-edit-year-field:not([aria-valuenow]),
input[type=date]::-webkit-datetime-edit-month-field:not([aria-valuenow]),
input[type=date]::-webkit-datetime-edit-day-field:not([aria-valuenow]) {
  color: transparent;
}
/* /の色を変える */
input[type=date]::-webkit-datetime-edit-text {
  color: #666;
}
/* clearボタンの非表示 */
input[type=date]::-webkit-clear-button {
  -webkit-appearance: none;
}
/* カレンダーのインジケータ（▼）を非表示 */
input[type=date]::-webkit-calendar-picker-indicator {
  color: transparent;
  position: relative;
}
/* fontAwesomeのカレンダーアイコンをインジケータにする */
input[type=date]::-webkit-calendar-picker-indicator:before {
  color: #666;
  font-family: FontAwesome;
  content: "\f073"; /* fa-calendar */
  /*content: "\f133";*/ /* fa-calendar-o */
  position: absolute;
  left: -5px;
  top: -5px;
}