@charset "Shift_JIS";

/* ===================================================================
font size default 14px
		10px  	71%			19px 	136%
		11px 	78%			20px 	143%
		12px 	85%			21px 	150%
		13px 	 93%		22px 	157%
		14px 	100%		23px 	164%
		15px 	107%		24px 	171%
		16px 	114%		25px 	179%
		17px 	121%		26px 	185%
		18px 	129%
=================================================================== */

/* ================================================================

		共通｜基本レイアウト

================================================================ */

/* ウェブシティ札幌・札幌市へのリンク */
#headerNavi {
	width: 100%;
	padding: 0;
	margin: 0;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #CCC;
}

#headerNavi ul { margin: 5px 0 2px 10px;}

#headerNavi ul li {
	font-size: 93%;
	display: inline;
}

/* ロゴ・サイト内検索などのヘッダーエリア */
#header {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	background: #FFF url(../common/bg_header.jpg) 0 0 repeat-x;
}

#header #headerRight {
	position: relative;
	margin: 0 0 0 30px;
	text-align: right;
	}

#header #headerRight ul {
	position: absolute;
	top: -1.7em;
	right: 1em;
	overflow: hidden;
	min-width: 600px;
	display: block;

}

#header #headerRight ul li {
	float: left;
	padding: 0 5px;
	font-size: 100%;
	background: url(../common/bg_border.gif) 0 50% no-repeat;
}

#header #headerRight ul li.GGinput {
	padding: 0 10px 0 0;
}

#header #headerRight ul li.GGinput .inpuarea { width: 120px; }

/* ロゴ・サイト内検索などのヘッダーエリア */
#header #globalNavi {
	min-width:900px;
	height:30px;
	padding: 3px 0;
	overflow:hidden;
		background: #264CB6 url(../common/bg_button.jpg) 0 0 repeat-x;
}

#header #globalNavi ul li {
	float: left;
	font-size: 107%;
	text-align: center;
	background: url(../common/bg_buttonline.gif) top right repeat-y;
	white-space:nowrap;
}

#header #globalNavi ul li a {
	padding: 5px 10px 5px 10px;
	color: #FFFFFF;
	text-decoration: none;
	display:inline-block;	
}

#header #globalNavi ul li a span {
	padding: 0 0 0 15px;
	background: url(../common/icon_navarrow.gif) 0 50% no-repeat;
	
}

#header #globalNavi ul li a:hover {
	text-decoration: none;
	background: #599AEF;
}

#header p#headerContact {
	padding: 3px 0 0 5px;
	margin: 0;
	overflow: hidden;
	text-align: center;
	white-space:nowrap;
}

#header p#logo {
	padding: 5px 0 0 15px;
	margin: 0;
}

#header h2 {
	padding: .2em 15px .7em 15px;
	margin: 0;
}

#footer {
	float: left;
	clear: both;
	width: 100%;
	padding: 10px 0 0 10px;
	margin: 10px 0 0px 0;
	min-width: 640px;
	border-top: 3px solid #264CB6;
}

#footer p#footerAccess {
	float: left;
	width: 640px;
	padding: 5px 10px 10px 10px;
}

#footer #kakari {
	font-size: 85%;
	padding: 0 0 0 10px;
	margin: 0 0 10px 0;
}
#footer p#kakari ul { 
	margin: 1.8em 0.5em 2em 25px; 
}
#footer #kakari ul li {
	padding-left: 1em;
	margin: 0.6em 0;
	line-height: 100%; 
}

/* ================================================================

		トップページ｜基本レイアウト（3カラム）

================================================================ */
#Top #header h1 {
	padding: 19px 0 0 15px;
	margin: 0;
}


#Top #col1wrap {
	position: relative;
	float: right;
	right: 100%;
	width: 50%;
}

#Top #col1pad {
	margin: 0 10px 0 420px;
	overflow: hidden;
}


#container {
	float:left;
	width:100%;
	min-width:800px;
	overflow:hidden;
	background-image: url(../common/bg_columleft.gif);

}

#contents {
	float:left;
	width:75%;
	background:url(../common/bg_columleft.gif);
}

/* __main
------------------------------------------*/

#main {
	float:right;
	width:74.8%;
	background:#FFF;
}

/* __sub
------------------------------------------*/

#sub {
	float:left;
	width:25%;
	background:url(../common/bg_columleft.gif);
}

/* __ex
------------------------------------------*/

#ex {
	float:left;
	width:24.6%;
}

#footer {
	clear:both;
}



/* ================================================================

		第2階層｜基本レイアウト（2カラム）

================================================================ */


.InnerA #header p#logo {
	padding: 5px 0 0 15px;
	margin: 0;
}

.InnerA #colmWrapper {
	width: 100%;
	background: url(../common/bg_columleft.gif) ;
	float:left;
	width: 100%;
}

.InnerA #colmWrapper:after {
	clear: both;
	height: 0.1px;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
	display: block;
	content: ".";
}

.InnerA #col1 {
	float:right;
	width:75%;
	background:#FFF;
}

.InnerA #col1 #colinner {
	margin:0 20px 10px 10px;
}

.InnerA #col2 {
	float:left;
	width:24.5%;
}

.InnerA #col2 #col2inner {
	margin:10px;
}

.InnerA #colmWrapper2 {
	width: 100%;
	float:left;
	width: 100%;
}

.InnerA #colmWrapper2:after {
	clear: both;
	height: 0.1px;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
	display: block;
	content: ".";
}

/* ================================================================

		第3階層｜基本レイアウト（1カラム）

================================================================ */
.InnerB #header p#logo {
	padding: 5px 0 0 15px;
	margin: 0;
}

.InnerB #colmWrapper,
.InnerB #colmWrapper2{ 
	width: 100%; 
}


.InnerB #colmWrapper:after,
.InnerB #colmWrapper2:after{
	clear: both;
	height: 0.1px;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
	display: block;
	content: ".";
}

.InnerB #colmWrapper,
.InnerB #colmWrapper2 { display: inline-block; }

.InnerB #col1 {
	width: 100%;
}

.InnerB #col1 .inner {
	padding: 0 10px 0;
	background: url(../common/bg_columleft.gif) ;
	text-align:center;
}

.InnerB #col1 .section {
	width: 75%;
	max-width: 1220px;
	margin: auto;
	padding: 0 10px 0 10px;
	background-color: #FFFFFF;
	margin-left:auto;
	margin-right:auto;
	text-align:left
}