@charset "utf-8";

/*
--------------------------------------------------------------------------------------------------------------
--------------------------------------------------GLOBAL RESET------------------------------------------------
--------------------------------------------------------------------------------------------------------------
*/

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,table,tbody,th,td{margin:0em;padding:0em;}
	body{font-size:62.5%;font-family:"メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
	table{border-collapse:collapse;border-spacing:0em;}
	fieldset,img,abbr{border:0em;}
	address,caption,cite,code,dfn,h1,h2,h3,h4,th,var{font-style:normal;font-weight:normal;}
	caption,th{text-align:left;}
	ul{list-style:none;}
	img{vertical-align:bottom; border:none;}



/*------------------------------------------h1h6------------------------------------------*/

	
	h2 {
		font-size : 1px ;
		margin    : 0 0 15px 0 ;
		padding   : 0   ;
	}
	
	h2.mobileHead {
		margin  : 0 ;
		padding : 0 0 3px 0 ;
	}
	
	h2#infoHead {
		width      : 524px ;
		height     : 27px  ;
		text-align : right ;
		padding    : 5px 0 0 0 ;
		background : url(../i/head_info.png) no-repeat ;
	}
	
	h3 {
		font-size : 1px ;
		margin    : 0 0 5px 0 ;
		padding   : 0   ;
	}
	
	h3.ssmHead {
		font-size : 1px ;
		margin    : 0px ;
		padding   : 0 0 10px 0   ;
	}
	

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


	a:link    { color: #9e7300 ; }
	a:visited { color: #9e7300 ; }
	a:hover   { color: #b09500 ; text-decoration : none ; }
	a:active  { color: #b09500 ; text-decoration : none ; }
	
	.clearfix:after {
	  content    : "."    ;  /* 新しい要素を作る */
	  display    : block  ;  /* ブロックレベル要素に */
	  clear      : both   ;
	  height     : 0      ;
	  visibility : hidden ;
	}
	
	.clearfix {
	  min-height : 1px    ;
	}
	
	* html .clearfix {
	  height     : 1px    ;
	  /*¥*//*/
	  height     : auto   ;
	  overflow   : hidden ;
	  /**/
	}

	* {
		margin  : 0 ;
		padding : 0 ;
	}

	html {
		height : 100% ;
	}
	
	body {
		height           : 100%                           ;
		background       : url(../i/bg_body.png) repeat-x ;
		background-color : #fff                           ;
		color            : #555                           ;
		text-align       : center                         ;
	}
	
	#wrapper {
		width        : 764px            ;
		min-height   : 100%             ;
		height       : auto !important ;
		height       : 100%             ;  
		margin       : 0 auto -150px    ;
		padding      : 0 3px            ;
		background   : url(../i/bg_wrapper.png) repeat-y ;
	}

	#contentsWrapper {
		width            : 724px ;
		padding          : 10px 20px   ;
		background       : url(../i/bg_contents.png) no-repeat ;
	}
	
	.push {
		height : 150px ;
	}
	
	p {
		color       : #ccc ;
		line-height : 140%    ;
	}
	
	p#contentsDescription {
		font-size : 120%         ;
		padding   : 0 0 15px 5px ;
	}
	
	
	#contents {
		height     : 100%       ;
		margin     : 0 0 30px 0 ;
		padding    : 20px 0     ;
	}
	

	
/*-------------------------------------------header-------------------------------------------*/



#header {
	height  : 100% ;
	margin  : 0    ;
	padding : 0    ;
}

	#description {
		line-height   : 1    ;
		margin-bottom : 30px ;
		color         : #fff ;
		text-align    : left ;
	}
	h1{
		font-size:10px;
		font-weight:normal;
	}
	.logo_h1 {
		width     : 143px ;
		height    : 55px  ;
		margin    : 0 0 0 18px ;
		padding   : 0 ;
		font-size : 0 ;
		float     : left   ;
		display   : inline ;
	}
	
	#contact {
		width       : 238px  ;
		height      : 34px   ;
		padding-top : 11px   ;
		float       : right  ;
		display     : inline ;
	}


/*-------------------------------------------leftBlock-------------------------------------------*/

	#leftBlock {
		width      : 190px  ;
		text-align : left   ;
		float      : left   ;
		display    : inline ;
	}
		
		#gNav         {margin-bottom : 35px ;}
		
		#bannerNav    {margin-bottom : 25px ;}
		#bannerNav li {margin-bottom : 10px ;}

	
	#mobile_A {
		width      : 145px ;
		padding    : 0 0 8px 35px ;
		background : url(../i/img_mobile.png) no-repeat ;
	}
	
	#mobile_B {
		width      : 100px ;
		height     : 66px  ;
		padding    : 0 0 0 80px ;
		background : url(../i/QRCode.png) no-repeat 5px top ;
	}
	
	.btnDetail {
		padding    : 5px 0 0 0 ;
		text-align : right ;
	}


/*-------------------------------------------rightBlock-------------------------------------------*/

	#rightBlock {
		width      : 524px  ;
		text-align : left   ;
		float      : right  ;
		display    : inline ;
	}
	
	#pageImage {
		margin : 0 0 0 0 ;
	}

/*-------------------------------------------footer-------------------------------------------*/

	
	#footer {
		width      : 770px  ;
		height     : 200px  ;
		margin     : 0 auto ;
		background : url(../i/bg_footer.png) no-repeat ;
	}
	
	
	#footerDescription {
		color   : #b9b9b9 ;
		padding : 35px 0 0 0 ;
	}
	
	
	#fNav {padding : 10px 0 0 0 ;}
	
		#fNav li {
			padding     : 0 5px          ;
			border-left : 1px solid #fff ;
			display     : inline         ;
		}
		
		.fnFirst {border-left : none !important;}
		
		#fNav li a         {color : #fff ; text-decoration : none ;}
		#fNav li a:visited {color : #fff ; text-decoration : none ;}
		#fNav li a:hover   {color : #b09500 ; text-decoration : none ;}
		#fNav li a:active  {color : #b09500 ; text-decoration : none ;}

	
	#copyrightWrapper {
		width   : 385px      ;
		margin  : 0 auto     ;
		padding : 30px 0 0 0 ;
	}
	
		h1#footerLogo {
			width     : 95px    ;
			height  : 23px       ;
			margin    : 0 0 0 0 ;
			padding   : 0       ;
			font-size : 0       ;
			float     : left    ;
			display   : inline  ;
		}
	
		.copyright {
			color      : #b9b9b9     ;
			padding    : 4px 0 0 8px ;
			text-align : left        ;
			float      : left        ;
			display    : inline      ;
		}