@charset "utf-8";



/* WEBCREDIBLE

アップデート: 2008年12月25日[木]
制作者: R.Nakamura

	01.リセットスタイル
	02.共通指定
	03.構成
	04.ヘッダ - #header
	05.ローカルナビゲーション - #leftColum
	06.グローバルナビゲーション - #navigation
	07.フッタ - #footer

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



/* 01.リセットスタイル
------------------------------------------------*/

body, div, h1, h2, h3, h4, h5, h6,
p, brockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, td,
form, fieldset {
	margin: 0;
	padding: 0;
}

body {
	font: 62.5%/1.6 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	text-align: center;
	background: #fff;
}

p {
	text-align: justify;
	text-justify: inter-ideograph;
}

ul, ol { list-style: none; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img { border: none; }

html>/**/body img { vertical-align: top; } /* IE7のvertical-alignバグ対策 (IE6,7以外のモダンブラウザに適用) */

div {
	text-align: left;
	overflow: hidden;
}


/* 02.共通指定
------------------------------------------------*/

a:link { 
	font-weight: bold;
	text-decoration: none;
	color: #9aced2;
}

a:visited {
	color: #9ba8d3;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

a:active {}



/* 03.構成
------------------------------------------------*/

#container {
	width: 855px;
	height: 600px;
	margin: 35px auto 0 auto;
	background: #d1d1d1 url(../img/style/white.gif) no-repeat right top;
}

#header {
	float: left;
	width: 850px;
	height: 120px;
}

#leftColumn {
	float: left;
	width: 95px;
	height: 450px;
	background: #9aced2;
}

#rightColumn {
	float: left;
	width: 755px;
	height: 450px;
	overflow: hidden;
}

#navigation {
	float: left;
	width: 850px;
	background: #9aced2 ;
}

#footer {
	width: 855px;
	margin: 0 auto 30px auto;
	padding-top: 5px;
	background: #d1d1d1 url(../img/style/white.gif) no-repeat left top;
}



/* 04.ヘッダ - #header
------------------------------------------------*/

h1 {
	width: 132px;
	height: 45px;
	margin: 42px 0 0 676px;
	/*\*/
	overflow: hidden;
	/**/
}

h1 a {
	display: block;
	width: 132px;
	height: 45px;
	text-indent: -9999em;
}



/* 05.ローカルナビゲーション - #leftColumn
------------------------------------------------*/

#leftColumn ul li, 
#leftColumn ul li a {
	display: block;
	width: 95px;
	height: 30px;
	text-indent: -9999em;
	background-image: url(../img/style/local_navi_bg.gif);
	position: relative;
}



/* 06.グローバルナビゲーション - #navigation
------------------------------------------------*/

#navigation ul {
	width: 850px;
	height: 30px;
	padding-left: 220px;
	background: url(../img/style/groval_navi_bg.gif) no-repeat 220px -30px;
}

#navigation ul li,
#navigation ul li a {
	float: left;
	display: block;
	width: 90px;
	height: 30px;
	text-indent: -9999em;
}

#gn_plofile { background: url(../img/style/groval_navi_bg.gif); }

#gn_gallery { background: url(../img/style/groval_navi_bg.gif) -90px 0; }

#gn_news { background: url(../img/style/groval_navi_bg.gif) -180px 0; }

#gn_link { background: url(../img/style/groval_navi_bg.gif) -270px 0; }

#gn_contact { background: url(../img/style/groval_navi_bg.gif) -360px 0; }

#gn_top { background: url(../img/style/groval_navi_bg.gif) -540px 0; }



/* 07.フッタ - #footer
------------------------------------------------*/

#footer p {
	padding: 5px 5px;
	text-align: right;
	background: #fff;
}
