@charset "utf-8";

/* -----------------------------------------------------------
	Site Name: 宇都宮ゴールドレーン
	Author: Yamazen Communications co.,ltd.
	Comment: common style
	Since2012.2
----------------------------------------------------------- */
	
/*Index
	1.common
	2.structure
	3.header
	4.globalnavi
	5.pagetitle
	6.footer
	
----------------------------------------------------------- */


/*1.common
----------------------------------------------------------------------------------*/

body {
	margin:0;
	padding:0;
	font-size:75%;
	font-family:'Osaka','MS PGothic','Hiragino Kaku Gothic Pro',Arial,sans-serif;
	line-height:1.8;
	color:#221815;
	vertical-align:top;
	background-color:#ffffff;
}


/* 基本リンクカラー */

a:link   {color:#0068b6;text-decoration:underline;}
a:visited{color:#0068b6;text-decoration:underline;}
a:hover  {color:#ff6600;text-decoration:none;}
a:active {color:#0068b6;text-decoration:underline;}



/*画像リンク用スタイル*/
a:hover img{
    opacity:0.50;
    filter: alpha(opacity=50);
}


/* 注意事項 */
.coution {
	width:auto;
	margin:0;
	padding:0;
	font-size:83.33%;
}


/*右端フロートマージンゼロ対応*/
.gap{
	margin-right:0!important;
	padding-right:0!important;
}







/* 2.structure
----------------------------------------------------------------------------------*/

/* width */
div#header,
div#gnavi,
div#pttl,
div#subnavi,
div#contents,
div#footer{width:100%;clear:both;}
div#topnav,
div#gnavi ul#nav,
div#subnavi ul,
div#mainbody,
ul#footnav{width:900px;margin:0 auto;}

/* background */
div#header,
div#gnavi,
div#contents{background:#ffff00;}
div#pttl,
div#subnavi{background:#004566;}
div#footer{background:#7a7400;}


div#mainbody{padding:30px 0 50px;}





/* 3.header
----------------------------------------------------------------------------------*/
div#header div#topnav h1{float:left;margin-top:25px;padding-bottom:15px;}
div#header div#topnav div#inquiry{float:right;}





/* 4.globalnavi
----------------------------------------------------------------------------------*/
div#gnavi ul#nav{height:78px;padding:3px 0;}
div#gnavi ul#nav li{
	float:left;
	width:150px;
	height:78px;
}
div#gnavi ul#nav li a{
	display:block;
	height:78px;
	text-indent:-9999px;
	background:url(../img/header/gnavi.gif);
}
div#gnavi ul#nav li.top a           {background-position:left top;}
div#gnavi ul#nav li.top a:hover     {background-position:left bottom;}
div#gnavi ul#nav li.info a          {background-position:-150px top;}
div#gnavi ul#nav li.info a:hover    {background-position:-150px bottom;}
div#gnavi ul#nav li.reserve a       {background-position:-300px top;}
div#gnavi ul#nav li.reserve a:hover {background-position:-300px bottom;}
div#gnavi ul#nav li.result a        {background-position:-450px top;}
div#gnavi ul#nav li.result a:hover  {background-position:-450px bottom;}
div#gnavi ul#nav li.enjoy a         {background-position:-600px top;}
div#gnavi ul#nav li.enjoy a:hover   {background-position:-600px bottom;}
div#gnavi ul#nav li.link a          {background-position:right top;}
div#gnavi ul#nav li.link a:hover    {background-position:right bottom;}





/* 5.pagetitle
----------------------------------------------------------------------------------*/
div#pttl{text-align:center;}





/* 6.footer
----------------------------------------------------------------------------------*/
div#footer ul#footnav{padding:20px 0 55px;}
/*div#footer ul#footnav li{
	float:left;
	width:110px;
	text-align:center;
}*/
div#footer ul#footnav li{
	float:left;
	text-align:center;
	padding-right:60px;
}
div#footer ul#footnav li a{
	color:#ffffff;
	text-decoration:none;
}
div#footer ul#footnav li a:hover{text-decoration:underline;}


#copyright2 {
	text-align:center;
	padding-bottom:2px;
	color:#FFFFFF;
}
div#footer div#copyright2 a:link,
div#footer div#copyright2 a:visited {
	color:#ffffff;
	text-decoration:underline;
}
div#footer div#copyright2 a:hover{text-decoration:underline;}
.copyright {
	text-align:center;
	padding-bottom:15px;
	color:#FFFFFF;
}



