﻿@charset "utf-8";

/* body設定 */

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 180%;
	color: #334446;
	text-decoration: none;
	text-align: center;
	background-color:#FAFAFC;
}

a:link {
	text-decoration: underline;
	color: #487C99;
}
a:visited {
	text-decoration: underline;
	color: #487C99;
}
a:hover {
	color: #AFB0B1;
}
a:active {
	color: #AFB0B1;
}

/* センター表示 */

#header,
#wrapper,
#footer {
	text-align: left;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

/* カラム分け */
#wrapper {
	position: relative;
	width: 960px;
	background-image: url(../imgs/wrapper_bg.jpg);
	background-repeat: repeat-y;
}


/*各ページ共通・ヘッダーの設定 */
#header {
	height: 108px;
	width: 960px;
	background-image: url(../imgs/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: right;
	padding: 0px;

}
#header h1 {
	height: 66px;
	width: 118px;
	position: relative;
	top: 42px;
	left: 26px;}
	
	
/*各ページ共通・メインのデザイン設定*/
#wrapper #main {
	width: 630px;
	position: relative;
	background-image: url(../imgs/main_bg.jpg);
	background-repeat: no-repeat;
	top: 0px;
	left: 330px;
}
#main h2,
#main h3,
#main h4,
#main ul,
#main p,
#main dl,
.pagetop,
.voice,
.mobile
{
	width: 420px;
	margin-left:100px;
	position: relative;
}

#main h2 {
	height: 72px;
	width: 420px;
	background-repeat: no-repeat;
	text-indent: -999999px;

}
#main h3 {
	margin-top:20px;
	margin-bottom: 10px;
	font-weight: bold;
	width:420px;
	height:16px;
}
#main dl dd {
	margin-left: 150px;
	margin-top: -22px;
}
#main dl dt {
	font-weight: bold;
}
#main dl {
	margin-bottom: 36px;
}
#main p {
	margin-top: 36px;
	padding-bottom: 36px;
}
#main .pagetop {
	height: 20px;
	width: 420px;
	text-align: right;
	padding-bottom: 40px;
	}
#main .button a {
	margin-left:270px;
	margin-top: 0;
	height: 40px;
	width: 150px;
	display:block;
	background-image: url(../imgs/button_kuwashiku.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -999999px;
}
#main .button a:hover {
	height: 40px;
	width: 150px;
	display:block;
	background-image: url(../imgs/button_kuwashiku.png);
	background-repeat: no-repeat;
	background-position: -150px 0;
	text-indent: -999999px;
}




/*各ページ共通・グローバルナビの設定*/
#gNav {
	position: absolute;
	width: 170px;
	left: 0px;
	top: 0px;
	height: 513px;
}
#gNav ul {
	height: 323px;
	width: 83px;
	left: 50px;
	top: 73px;
	position: absolute;
}
#gNav ul li {
	height: 18px;
	width: 63px;
	padding-bottom: 52px;
	padding-left: 20px;
}
#gNav ul a {
	text-indent: -999999px;
	display: block;
	height: 18px;
	width: 63px;
}
#gNav ul #top a {
	background-image: url(../imgs/sptite.jpg);
	}
#gNav ul #profile a {
	background-image: url(../imgs/sptite.jpg);
	background-repeat: no-repeat;
	background-position: 0px -18px;
}
#gNav ul #voiceact a {
	background-image: url(../imgs/sptite.jpg);
	background-repeat: no-repeat;
	background-position: 0px -36px;
}
#gNav ul #offline a {
	background-image: url(../imgs/sptite.jpg);
	background-repeat: no-repeat;
	background-position:0px -55px;
}
#gNav ul #link a {
	background-image: url(../imgs/sptite.jpg);
	background-repeat: no-repeat;
	background-position: 0px -75px;
}


#gNav ul #top a:hover {
	background-image: url(../imgs/sptite.jpg);
	background-position: -63px 0px;
}
#gNav ul #profile a:hover {
	background-image: url(../imgs/sptite.jpg);
	background-repeat: no-repeat;
	background-position: -63px -18px;
}
#gNav ul #voiceact a:hover {
	background-image: url(../imgs/sptite.jpg);
	background-repeat: no-repeat;
	background-position: -63px -36px;
}
#gNav ul #offline a:hover {
	background-image: url(../imgs/sptite.jpg);
	background-repeat: no-repeat;
	background-position: -63px -55px;
}
#gNav ul #link a:hover {
	background-image: url(../imgs/sptite.jpg);
	background-repeat: no-repeat;
	background-position: -63px -75px;
}
#gNav ul span {
	background-image: url(../imgs/icon.jpg);
	background-repeat: no-repeat;
	text-indent: -999999px;
	position: absolute;
	height: 20px;
	width: 10px;
}




/*各ページ共通・サブナビの設定*/
#sNav {
	background-color: #BBD1D9;
	background-image: url(../imgs/sNav_bg.jpg);
	background-repeat: no-repeat;
	position: absolute;
	width: 160px;
	left: 170px;
	top: 0px;
	height: 680px;
}
#sNav ul {
	height: 323px;
	width: 126px;
	left: 25px;
	top: 73px;
	position: absolute;
}
#sNav ul li {
	padding-bottom: 52px;
	height: 18px;
	width: 126px;
	
}
#sNav ul a {
	text-indent: -999999px;
	display: block;
	height: 18px;
	width: 126px;
}



/*各ページ共通・フッターの設定*/
#footer {
	background-image: url(../imgs/footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #85ACA8;
	height: 150px;
	width: 960px;
	position: relative;
}
#footer address {
	position: relative;
	height: 30px;
	width: 100px;
	left: 50px;
}
#footer #access{
	width: 88px;
	height: 31px;
	position: absolute;
	top: 62px;
	left: 34px;
}