/* ===================================================================
CSS information

jcサイトCSS基本セット
=================================================================== */


/*ボディ&ヘッダ*********************************************************************/

body {
	background:#f7f7f7 url(images/common/bg-img.jpg) repeat-x 0px 0px;
}
h1 {
	width:800px;
	height:49px;
	position:relative;
	font-size:12px;
	overflow:hidden;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
}
h1 .head {
	display:block;
	width:100%;
	height:100%;
	background:url(images/common/header-img.jpg) no-repeat;
	position:absolute;
	top:0;
	left:0;
}
.head2 {
	background-image: url(images/common/header-img2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 27px;
	width: 790px;
	text-align: right;
	padding-top: 3px;
	padding-right: 10px;
}
.arrow-link {
	background-image: url(images/common/arrow02.gif);
	background-position: left 1px;
	padding-left: 15px;
	background-repeat: no-repeat;
}
.arrow-link2 {
	background-image: url(images/common/arrow03.gif);
	background-position: left 0px;
	padding-left: 20px;
	background-repeat: no-repeat;
	margin-top: 6px;
}
.main-table {
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
}
.main-body {
	width: 560px;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	text-align: left;
	font-size: 13px;
	line-height: 140%;
}
.text-blue {
	color: #3B9EDC;
}

/*///////通常のリンク///////*/
a:link{/*未訪問のリンク*/
    color:#3B9EDC;
    font-style:normal;
	text-decoration: none;
}
a:visited{/*訪問後のリンク*/
    color:#3B9EDC;
	text-decoration: none;
}
a:hover{/*マウスをのせたとき*/
    color:#3B9EDC;
    font-style:normal;
	text-decoration:underline
}
a:active{/*クリックしたとき*/
	color:#3B9EDC;
	text-decoration: none;
}


/*メニュ−*********************************************************************/

#menu {
	height:40px;
	background:url(images/common/menu01_bg.jpg) no-repeat;
	/*margin:0 0 0 8px;*/
}
#menu ul {
	/*padding:6px 0 0 6px;*/
}
#menu li {
	display:inline;
	list-style-type:none;
}
#menu li a {
	height:40px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}

/*------off*/
#menu li.menu01 a {
	background:url(images/common/menu01.jpg) no-repeat 0px 0px;
	width:45px;
}
#menu li.menu02 a {
	background:url(images/common/menu01.jpg) no-repeat -45px 0px;
	width:150px;
}
#menu li.menu03 a {
	background:url(images/common/menu01.jpg) no-repeat -195px 0px;
	width:151px;
}
#menu li.menu04 a {
	background:url(images/common/menu01.jpg) no-repeat -346px 0px;
	width:151px;
}
#menu li.menu05 a {
	background:url(images/common/menu01.jpg) no-repeat -497px 0px;
	width:151px;
}
#menu li.menu06 a {
	background:url(images/common/menu01.jpg) no-repeat -648px 0px;
	width:152px;
}

/*------hover*/
#menu li.menu01 a:hover {
	background:url(images/common/menu01.jpg) no-repeat 0px -80px;
}
#menu li.menu02 a:hover {
	background:url(images/common/menu01.jpg) no-repeat -45px -80px;
}
#menu li.menu03 a:hover {
	background:url(images/common/menu01.jpg) no-repeat -195px -80px;
}
#menu li.menu04 a:hover {
	background:url(images/common/menu01.jpg) no-repeat -346px -80px;
}
#menu li.menu05 a:hover {
	background:url(images/common/menu01.jpg) no-repeat -497px -80px;
}
#menu li.menu06 a:hover {
	background:url(images/common/menu01.jpg) no-repeat -648px -80px;
}

/*------on*/
#menu li.menu01_on a {
	background:url(images/common/menu01.jpg) no-repeat 0px -40px;
	width:45px;
}
#menu li.menu02_on a {
	background:url(images/common/menu01.jpg) no-repeat -45px -40px;
	width:150px;
}
#menu li.menu03_on a {
	background:url(images/common/menu01.jpg) no-repeat -195px -40px;
	width:151px;
}
#menu li.menu04_on a {
	background:url(images/common/menu01.jpg) no-repeat -346px -40px;
	width:151px;
}
#menu li.menu05_on a {
	background:url(images/common/menu01.jpg) no-repeat -497px -40px;
	width:151px;
}
#menu li.menu06_on a {
	background:url(images/common/menu01.jpg) no-repeat -648px -40px;
	width:152px;
}


/*ナビゲーション*********************************************************************/

.head-menu-body {
	width: 800px;
	height: 23px;
	margin-top: 1px;
	background-color: #547386;
}
.head-menu {
	padding-left: 10px;
	background-image: url(images/common/arrow01.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	margin-left: 10px;
	padding-top: 3px;
	float: left;
}
.head-menu a {
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 13px;
	color: #FFF;
}
.head-menu a:link{/*未訪問のリンク*/
	color: #FFF;
	text-decoration: none;
}
.head-menu a:visited{/*訪問後のリンク*/
	color: #FFF;
	text-decoration: none;
}
.head-menu a:hover{/*マウスをのせたとき*/
    color:#FFF;
	text-decoration:underline
}
.head-menu a:active{/*クリックしたとき*/
	color:#FFF;
	text-decoration:underline
}

/*フッタ*********************************************************************/
.footer {
	font-family: verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size: 12px;
	color: #333333;
	text-align: left;
	margin: 0px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 0px;
}
.footer a:link {
	color: #3B9EDC;
}
.footer a:visited {
	color: #3B9EDC;
}
.footer-jimukyoku {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 2px;
	width: 780px;
}
.footer-menu {
	margin-top: 10px;
	margin-bottom: 5px;
}
.footer-copy {
	font-size: 9px;
}

/*サイド*********************************************************************/
.side-body {
	width: 193px;
	float: left;
}
.side-body2 {
	margin-left: 2px;
}
.side-donna {
	margin-bottom: 10px;
}
#torikumi {
	height:420px;
	/*background:url(images/common/side09-top.jpg) no-repeat;*/
}
#torikumi ul {
	padding:0px 0 0 0px;
}
#torikumi li {
	display:inline;
	list-style-type:none;
}
#torikumi li  {
	height:81px;
	display:block;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
#torikumi li.torikumi00  {
	background:url(images/common/side09-top.jpg) no-repeat 0px 0px;
	width:189px;
	height: 99px;
}
#torikumi li.torikumi01  {
	background:url(images/common/side09-01.jpg) no-repeat 0px 0px;
	width:189px;
}
#torikumi li.torikumi02  {
	background:url(images/common/side09-02.jpg) no-repeat 0px 0px;
	width:189px;
}
#torikumi li.torikumi03  {
	background:url(images/common/side09-03.jpg) no-repeat 0px 0px;
	width:189px;
}
#torikumi li.torikumi04  {
	background:url(images/common/side09-04.jpg) no-repeat 0px 0px;
	width:189px;
}
#torikumi li.torikumi05  {
	background:url(images/common/side09-05.jpg) no-repeat 0px 0px;
	width:189px;
}
#torikumi li.torikumi06  {
	background:url(images/common/side09-bottom.jpg) no-repeat 0px 0px;
	width:189px;
	height: 6px;
}.side-torikumi-img {
	background-image: url(images/common/side09-top.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 99px;
	width: 189px;
	text-indent:-9877em;
}
div.column	{
	width: 189px;
	margin-bottom: 20px;
	background-image: url(images/common/side-waku01-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
div.column .inner	{
	background: url(images/common/side-waku01-top.gif) no-repeat;
	padding: 35px 10px 10px;
}
div.column2	{
	width: 189px;
	margin-bottom: 20px;
	background-image: url(images/common/side-waku02-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
div.column2 .inner2	{
	background: url(images/common/side-waku02-top2.gif) no-repeat;
	padding: 43px 10px 10px;
}

/*インデックス*********************************************************************/

.main-img01 {
	margin-bottom: 17px;
}
.banner01 {
	margin-bottom: 15px;
}
#button {
	height:180px;
	background:url(images/index/index-aisatu.jpg) no-repeat;
}
#button ul {
	padding:0px 0 0 0px;
}
#button li {
	display:inline;
	list-style-type:none;
}
#button li a {
	height:93px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
#button li.button01 a {
	background:url(images/index/index-aisatu.jpg) no-repeat 0px 0px;
	width:277px;
	margin-right: 3px;
	margin-bottom: 6px;
}
#button li.button02 a {
	background:url(images/index/index-katudou.jpg) no-repeat 0px 0px;
	width:277px;
	margin-bottom: 6px;
}
#button li.button03 a {
	background:url(images/index/index-obnikki.jpg) no-repeat 0px 0px;
	width:277px;
	margin-right: 3px;
}
#button li.button04 a {
	background:url(images/index/index-kaiin.jpg) no-repeat 0px 0px;
	width:277px;
}

.title-img {
	margin-bottom: 5px;
	margin-top: 20px;
	clear: left;
	float: none;
}
.subetemiru {
	text-align: right;
	background-image: url(images/common/arrow02.gif);
	background-repeat: no-repeat;
	background-position: right 5px;
	padding-right: 15px;
	width: 545px;
	padding-top: 3px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-top: 10px;
}

/*あいさつ*********************************************************************/

.aisatu-rijichou {
	margin-right: 15px;
	float: left;
}
.aisatu-body {
	width: 390px;
	clear: right;
	float: left;
}.aisatu-title {
	margin-bottom: 20px;
}
.aisatu-midasi {
	margin-bottom: 15px;
}
.aisatu-text {
	font-size: 13px;
	line-height: 140%;
	color: #333333;
}
.aisatu-slogan {
	margin-bottom: 10px;
}

/*活動内容*********************************************************************/

.titlebar {
	margin-bottom: 20px;
	background-color: #45B7FD;
	width: 370px;
	font-size: 14px;
	color: #FFFFFF;
	text-indent: 10px;
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bolder;
}
.katudou-midasi {
	font-size: 14px;
	font-weight: bolder;
	margin-top: 10px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #45B7FD;
	width: 370px;
	color: #45B7FD;
}
.katudou-text01 {
	margin-bottom: 20px;
	width: 370px;
	text-align: justify;
}
.katudou-text02 {
	margin-bottom: 20px;
	width: 80px;
	text-align: justify;
	color: #45B7FD;
	font-size: 14px;
	font-weight: bolder;
}
.katudou-img {
	float: right;
	margin-left: 4px;
}
.katudou-img02 {
	float: right;
	margin-left: 4px;
	clear: both;
}

/*苫小牧青年会議所とは（概要）*********************************************************************/

.gaiyou-body {
	width: 530px;
	float: left;
	margin-right: 10px;
	margin-left: 40px;
	text-align: left;
}
.gaiyou-title{
	margin-bottom: 20px;
	background-color: #45B7FD;
	width: 520px;
	font-size: 14px;
	color: #FFFFFF;
	text-indent: 10px;
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bolder;
}
.gaiyou-midasi {
	font-size: 14px;
	font-weight: bolder;
	margin-top: 10px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #45B7FD;
	width: 520px;
	color: #45B7FD;
}
.gaiyou-text01 {
	font-size: 13px;
	margin-bottom: 20px;
	width: 520px;
	line-height: 140%;
}
.gaiyou-text02 {
	font-size: 13px;
	margin-bottom: 20px;
	width: 160px;
	text-justify: inter-ideograph;
	text-justify:distribute;
	text-align: justify;
}
.gaiyou-text03 {
	font-size: 13px;
	margin-bottom: 20px;
}
.gaiyou-text04 {
	font-size: 13px;
	margin-bottom: 20px;
	margin-right: 25px;
}
.gaiyou-text05 {
	font-size: 13px;
	width: 400px;
	font-size: 11px;
}
.enkaku-text01 {
	font-size: 13px;
	margin-bottom: 20px;
	line-height: 200%;
}
.enkaku-text02 {
	font-size: 13px;
	margin-bottom: 20px;
	margin-right: 25px;
	line-height: 200%;
}


/*リンク*********************************************************************/
.sinjyou-table {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 22px;
}

/*リンク*********************************************************************/
.link-text01 {
	font-size: 13px;
	margin-bottom: 20px;
	width: 520px;
	font-size: 13px;
	line-height: 140%;
}
.link-menu a {
	font-family: verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size: 13px;
	color: #666666;
	line-height: 190%;
}
.link-menu a:link{/*未訪問のリンク*/
	color: #666666;
	text-decoration: none;
}
.link-menu a:visited{/*訪問後のリンク*/
	color: #666666;
	text-decoration: none;
}
.link-menu a:hover{/*マウスをのせたとき*/
    color: #666666;
	text-decoration:underline;
}
.link-menu a:active{/*クリックしたとき*/
	color: #666666;
	text-decoration:underline;
}

/*プライバシーポリシー*********************************************************************/
.privacy-text01 {
	font-size: 13px;
	margin-bottom: 20px;
	width: 520px;
	font-size: 13px;
	line-height: 140%;
}
.privacy-list {
	list-style-type: decimal;
}
/*会員向け*********************************************************************/
.kaiin-text-red {
	font-size: 18px;
	color: #CC0000;
	font-weight: bolder;
}
.toiawase-form {
	border: 1px solid #999999;
	width: 490px;
	padding: 15px;
}
.toiawase-tel {
	font-size: 16px;
	color: #45B7FD;
	margin-top: 10px;
}
.toiawase-button {
	margin-right: 10px;
}
dl.toiawase dt {
  clear: left;
  float: left;
  margin: 0 0 0.8em;
  width: 180px;
  border-left: solid 8px #CCC;
  padding-left: 5px;
  color: #000;
}

dl.toiawase dd {
  margin-bottom: 0.8em;
  margin-left: 7.5em;
}.toiawase-seibetu {
	margin-right: 20px;
}
.error-body {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}
.error-text01 {
	font-size: 23px;
	font-weight: bolder;
	color: #3B9EDC;
}
.error-text02 {
	font-size: 17px;
	font-weight: bolder;
}