@charset "UTF-8";
@import"sidemenu.css";
@import"content.css";

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

 Common elements

---------------------------------------------------------------*/
*{font-family: Meiryo, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;}
body {position: relative; font-size: 90%; line-height: 1.3;}

	/* Reset elements
	------------------------------*/
	body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,dl,dt,dd,p,from,input{margin:0;padding:0;}
	h1,h2,h3,h4,h5,h6{font-size:100%; font-weight: normal;}

	/* float for clearfix
	------------------------------*/
	/* For modern browsers */
	.cf:before,
	.cf:after {
		content:"";
		display:table;
	}

	.cf:after {
		clear:both;
	}

	/* For IE 6/7 (trigger hasLayout) */
	.cf {
		zoom:1;
	}

img {
	margin:0px;
	padding:0px;
	border:0px none;
	vertical-align: bottom;

	/*height: auto;*/
}

.fl {float: left;}
.fr {float: right;}

#pagetop {position: absolute; top: -1px; left: -1px;}

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

 Layout Outline Design

---------------------------------------------------------------*/
#Wrapper {
	width: 100%;
	background: #FFF url(images/common/Wrapper_bg.gif) repeat-x 0 0;
}

/* ShipWrap */
#ShipWrap #Wrapper {
	width: 100%;
	background: #FFF url(images/common/Wrapper_senpo_bg.gif) repeat-x 0 0;
}
	#Header {
	}
	#Footer {
		margin:10px 0 0 0;
		padding: 10px 0;
		background: #71A627 url(images/common/Footer_bg.gif) repeat-x 0 0;
		width: 100%;
	}

#Wrap {
	margin: 0 auto;
	width: 960px;
}
	#Left {
		padding: 10px 0;
		float: left;
		width: 224px;
	}

		/* Banner Area
		------------------------------*/
		#Left div.lefttopBannerArea {
			margin: 0 0 10px;
			width: 224px;
		}
		#Left div.leftbtmBannerArea {
			width: 224px;
		}

	#Main {
		padding: 10px 0;
		float: right;
		width: 720px;
	}

	.CenterArea {
	    width: 960px !important;
	    float: none !important;
	}

		/* Banner Area
		------------------------------*/
		#Main div.topBannerArea {
			margin: 0 auto;
			width: 720px;
		}
		#Main div.btmBannerArea {
			margin: 10px auto 0;
			width: 720px;
		}

	#Center {
		padding: 10px 16px 0;
		float: left;
		width: 480px;
	}

		/* Banner Area
		------------------------------*/
		#Center div.topBannerArea {
			margin: 0 auto 15px;
			width: 480px;
		}
		#Center div.centertopBannerArea {
			margin: 0 auto 10px;
			width: 480px;
		}

	#Right {
		padding: 10px 0 0;
		float: right;
		width: 224px;
	}

		/* Banner Area
		------------------------------*/
		#Right div.righttopBannerArea {
			margin: 0 0 10px;
			width: 224px;
		}
		#Right div.rightbtmBannerArea {
			width: 224px;
		}

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

  Header Navigation

---------------------------------------------------------------*/
div.head {
	width: 100%;
	height: 76px;
	background: url(images/common/head_bg.gif) repeat-x bottom left;
}
div.ship {
	width: 100%;
	height: 76px;
	background: url(images/common/ship_bg.gif) repeat-x bottom left;
}

#HnavWrap {
	margin: 0 auto;
	width: 960px;
}
#HnavWrap h1,
#HnavWrap p {
	width: 485px;
	text-align: left;
	float: left;
}

	/* Logo Image
	------------------------------*/
	img.logoImg {
		margin-top: 14px;
		margin-left: 5px;
	}

	/* Head Move Btn
	------------------------------*/
	p#headMove {
		position: relative;
		top: 7px;
		width: 160px;
		float: left;
	}

	/* Search Form
	------------------------------*/
	#Search {
		margin-top: 7px;
		padding-left: 26px;
		float: right;
		height: 33px !important;
		width: 270px;
		vertical-align: middle;
		background: url(images/common/Search_bg.gif) no-repeat 0 0;
	}
	#Search input.searchSubmitImage {
		float: right;
		width: 53px;
		height: 33px;
		position: relative;
	}
	#Search input.searchInputBox {
		float: left;
	}
	table.gsc-search-box {
		width: 270px !important;
		padding: 0 !important;
		margin: 0 0 0 auto;
		position: relative;
	}
	form.gsc-search-box {
		padding: 0 !important;
	}
	.gsc-control-cse {
		padding: 0 !important;
	}
	table.gsc-search-box td.gsc-input {
		padding-right: 0 !important;
	}
	input.searchInputBox,
	input.gsc-input[type="text"] {
		margin: 5px 7px 5px 0 !important;
		padding: 0px !important;
		width: 210px !important;
		height: 23px !important;
		border: none 0px !important;
		font-size: small;
	}
	input.gsc-search-button[type="button"] {
		text-indent:-9999em;
		background:url(images/common/search.gif) no-repeat 0 0;
		border:none;
		width:53px;
		height:33px;
		position:absolute;
		top: 0px;
		right: 0px;
		cursor: pointer;
	}
	div.gsc-clear-button {
		display: none !important;
	}

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

  Global Navigation

---------------------------------------------------------------*/
#GnavWrap {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	height: 80px;
	position: relative;
}

	/* Divide Navigation
	------------------------------*/
	#DnavWrap {
		position: relative;
		margin: -30px 0 0 524px;
		height: 26px;
		width: 436px;
	}
		#DnavWrap p {
			padding-left: 8px;
			width: 210px;
			float: left;
			line-height: normal;
		}
		#DnavWrap p img {
			display: block;
			line-height: normal;
			border: 0px none;
		}

	/* Global Navigation List
	------------------------------*/
	#GnavWrap ul {
		clear: both;
		margin: 10px auto 0;
		padding-left: 2px;
		width: 958px;
		height: 84px;
		position: relative;
		background: url(images/common/GnavWrap_ul_bg.gif) no-repeat 0 0;
		list-style: none;
	}
	#GnavWrap li {
		display: inline;
		line-height: normal;
		behavior: expression(
		this.className += (this.previousSibling == null) ? " first-child" : "",
		this.className += (this.nextSibling==null) ? " last-child" : "",
		this.style.behavior = "none"
		);
	}
	#GnavWrap li a {
		display: block;
		line-height: normal;
		float: left;
	}
	#GnavWrap li a img {
		margin-right: 4px;
		margin-bottom: 4px;
		border: 0px none;
		display: block;
		width: 144px;
		height: 70px;
	}
	#GnavWrap li:first-child a img,
	#GnavWrap li.first-child a img {
		width: 66px;
	}
	#GnavWrap li:last-child a img,
	#GnavWrap li.last-child a img {
		margin-right: 3px;
	}

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

  Footer Navigation

---------------------------------------------------------------*/
#FnavWrap {
	margin: 0 auto;
	width: 960px;
}

	/* Copyright
	------------------------------*/
	#FnavWrap p.copyright {
		float: left;
		width: 400px;
	}

	/* Footer Navigation List
	------------------------------*/
	#FnavWrap ul {
		float: right;
		list-style: none;
	}
	#FnavWrap li {
		padding-left: 15px;
		float: left;
	}
	#FnavWrap li a {
		padding: 5px 2px 5px 18px;
		display: block;
		float: left;
		color: #FFF;
		text-decoration: none;
		font-size: 70%;
		white-space: nowrap;
		background: url(images/common/FnavWrap_li_a_bg.gif) no-repeat left center;
	}
	#FnavWrap li a:hover {
		text-decoration: underline;
	}
	/* Footer PcswitchingBtn
------------------------------*/
	#Footer #PcswitchingBtn {
		margin: 10px 0;
		border: solid 1px #629222;
		border-radius: 4px;
		box-shadow:0px 1px 3px rgba(255,255,255,0.5),
		inset 0px 0px 10px rgba(087,087,087,0.5);
		width: 98%;
		margin: 10px auto;
		}

	#Footer #PcswitchingBtn li {
		float: left;
		width: 50%;
		list-style: none;
		background: -webkit-gradient(linear, left top, left bottom,from(#88c435),to(#71a627));
		text-shadow:0px -1px 0px rgba(000,000,000,0.4),0px 1px 0px rgba(255,255,255,0.3);
		box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 1px 2px rgba(255,255,255,1);
		}

	#Footer #PcswitchingBtn li.selected{
		background: -webkit-gradient(linear, left top, left bottom,from(#71a627),to(#88c435));
	}

	#Footer #PcswitchingBtn li a{
		text-decoration: none;
	}

	#Footer #PcswitchingBtn li span{
		display: block;
		padding: 10px;

		color: #FFF;
		text-align: center;
		text-decoration: none;
	}

	#Footer #PcswitchingBtn li.pc_btn{
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	}

	#Footer #PcswitchingBtn li.sp_btn{
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	}


	.tableline {
	border: 1px solid #666;
	border-collapse: collapse;
	}
	.tableline th {
		background-color: #EFEFEF;
		border: 1px solid #666;
		text-align: left;
		padding: 5px 8px;
	}
	.tableline td {
		border: 1px solid #666;
		padding: 5px 8px;
	}