/* 基本レイアウト */

html { margin: 0; padding: 0; }
form { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }
p  { margin: 15px; padding: 0; }
hr { height: 1px; background: #cccccc; color:#cccccc; border: 0px; }

/* 見出し */

h1, h2, h3, h4, h5, h6 { font-weight: bold; margin: 5px 0; }


/* リンク色（ページ全体） */

a { color: #0000ff; text-decoration: underline; }
a:hover { color: #ff6600; }

.s a { color: #333333; text-decoration: underline; }

p a { color: #333333; text-decoration: none; }


/* ページレイアウト */

body {
	position: relative;
	text-align: center; /* center on ie */
	margin: 0 auto;
	padding: 0;
	font-size: 14px;
	color: #666666;
	background: #ffffff;
}

.outline {
	position: relative;
	width: 900px;
	margin: 0 auto;
	padding:  0px 0px 0px 0px;;
	background: #ffffff;
}


/* ヘッダー */

.head {
	height: 120px;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(pic/head.jpg) repeat-x #117788;
}

.head-in {
	height: 68px;
	width: 900px;
	text-align: left;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
}

.top {
	position: relative;
	height: 215px;
	text-align: center;
	background: url(pic/top-back.jpg) #ffffff repeat-x;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	clear: both;
}

.top-in {
	position: relative;
	height: 200px;
	width: 900px;
	text-align: left;
	background: url(pic/top-sc.jpg) #ffffff;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
}

.top p {
	position:absolute; top: 125px; left: 30px;
	width: 800px;
	text-align: left;
	font-size: 14px;
	font-weight: normal;
	line-height: 21px;
	color: #666666;
	margin: 0 auto ;
	padding: 0px 0px 0px 0px;
}

.logo {
	float: left;
	width: 300px;
	text-align: left;
	font-size: 15px;
	font-weight: normal;
	color: #999999;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 10px;
}


/* パンクズ */

.kuzu {
	width: 900px;
	height:35px;
	text-align: right;
	font-size: 13px;
	color: #666666;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #ffffff;
}

.kuzu-in {
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 0px 0px;
}

.kuzu a, .kuzu a:visited, .kuzu a:active, .kuzu a:hover {
	font-size:13px;
	text-decoration:none;
}


/* コンテンツ */

.container {
	position: relative;
	width: 600px;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

.contents {
	position: relative;
	text-align: left;
	font-size: 14px;
	line-height: 21px;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 15px 0px;
}

.con-text {
	font-size: 14px;
}

.con-text p {
	margin: 0px 0px 0px 0px;
	padding: 7px 8px 8px 12px;
}

.con-text-gb {
	border: 1px solid #D9D9D9;
	background-color: #F5F5F5;

}

.con-text-gb p {
	margin: 0px 0px 0px 0px;
	padding: 7px 8px 8px 12px;
}

.contents ul {
	list-style: disc;
	padding: 0px 0px 0px 35px;
}

.contents li {
	font-size: 14px;
	line-height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.contents li a {
	text-decoration: none;
}


/* サイドバー */

.side {
	width: 280px;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
}

.side-waku {
	width: 280px;
	text-align: left;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}

.side-navi {
	height:30px;
	font-size:14px;
	font-weight:bold;
	color: #eeeeee;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 0px 18px;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	background: url(pic/side-navi.jpg) repeat-x #ffffff;
}

.side-navi a, .side-navi a:visited {
	text-decoration:none;
	color: #eeeeee;
}

.side-navi a:active, .side-navi a:hover {
	text-decoration:none;
	color: #ffcc99;
}


ul.menu {
	position: relative;
	font-size: 13px;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 10px 0px;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	list-style: none;
	text-decoration: none;
	background: #ffffff;
}

ul.menu li {
	position: relative;
	line-height: 21px;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul.menu li a {
	position: relative;
	line-height: 21px;
	text-decoration: none;
	margin: 0px 0px 0px 10px;
	padding: 2px 0px 0px 15px;
	background: url(pic/menu-li-bg1.png) no-repeat 0 60% #ffffff;
}

ul.menu li a:visited {
	position: relative;
	line-height: 21px;
	text-decoration: none;
	margin: 0px 0px 0px 10px;
	padding: 2px 0px 0px 15px;
	background: url(pic/menu-li-bg1.png) no-repeat 0 60% #ffffff;
}

ul.menu li a:active, ul.menu li a:hover {
	position: relative;
	line-height: 21px;
	color: #ff6666;
	text-decoration: underline;
	margin: 0px 0px 0px 10px;
	padding: 2px 0px 0px 15px;
	background: url(pic/menu-li-bg2.png) no-repeat 0 60% #ffffff;
}


/* フッター */

.foot {
	clear: both;
	height: 60px;
	text-align: center;
	background: url(pic/foot.jpg) repeat-x #007788;
}

.foot-in {
	width: 900px;
	text-align: center;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
}

#foot-waku {
	width:800px;
	font-size:12px;
	color: #eeeeee;
	text-align:center;
	padding: 20px 0px 0px 0px;
}

#foot-waku a, #foot-waku a:visited, #foot-waku a:active, #foot-waku a:hover {
	color: #eeeeee;
	text-decoration: none;
}


/* 見出し */

h1 {
	float: right;
	text-align: right;
	color: #cccccc;
	font-size: 13px;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 45px 10px 0px 0px;
}

h2 {
	color: #555555;
	font-size: 15px;
	font-weight: bold;
	line-height: 35px;
	text-align: left;
	background: url(pic/h-bar1.jpg) no-repeat top left #117788;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 15px;
}

h3 {
	color: #555555;
	font-size: 15px;
	font-weight: bold;
	line-height: 35px;
	text-align: left;
	background: url(pic/h-bar1.jpg) no-repeat top left #117788;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 15px;
}

h4 {
	color: #336699;
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
	text-align: left;
	border-left: solid 7px #3399aa;
	margin: 15px 0px 5px 8px;
	padding: 2px 0px 0px 10px;
}


/* ロールオーバー用 */

.rollover-01 {
	padding: 0px 0px 0px 0px;
}

.rollover-01 a { 
	display:block;
	width:250px;
	height:180px;
	background:url(pic/sonshinai1.jpg) no-repeat;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none; 
}

.rollover-01 a:hover {
	display:block;
	width:250px;
	height:180px;
	background:url(pic/sonshinai2.jpg) no-repeat;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none; 
}


/* 広告 */

.pr-side01 {
	text-align: center;
}

.banner01 {
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
}


* 下広告用テーブル */

table.under-pr {
	width: 595px;
	border-collapse: collapse;
	margin: 0px 0px 0px 10px;
}

td.l-banner {
	width: 250px;
	padding: 10px 0px 5px 0px;
}

td.r-text-pr {
	font-size: 14px;
	padding: 0px 0px 0px 0px;
}

table.under-pr a {
	text-decoration: none;
}


/* 画像回り込み */

.r01 { float: right; margin: 15px 8px 10px 15px; }
.l01 { float: left; margin: 15px 15px 10px 10px; }


/* 文字制御 */

.right { text-align: right; } /* 左寄せ */
.center { text-align: center; } /* 右寄せ */


/* 文字サイズ */

.mini-01 { font-size: 11px;}
.mini-02 { font-size: 12px;}
.mini-03 { font-size: 13px;}


/* 文字装飾 ノーマル*/

.line-yellow { background: #ffff99; font-weight: normal;}/* 背景マーカー処理 */
.line-blue { background: #bbddff; font-weight: normal;}/* 青 マーカー処理 */
.line-green { background: #cceecc; font-weight: normal;}/* 緑 マーカー処理 */

.red { color: #cc0000; font-weight: normal;} /* 赤 */ 
.blue { color: #003399; font-weight: normal;} /* 青 */ 
.green { color: #339900; font-weight: normal;} /* 緑 */ 

.u { border-bottom: 1px solid ; font-weight: normal;} /* アンダーライン */


/* 文字装飾 太字*/

.line-yellow-b { background: #ffff99;}/* 背景マーカー処理 */
.line-blue-b { background: #bbddff;}/* 青 マーカー処理 */
.line-green-b { background: #cceecc;}/* 緑 マーカー処理 */

.red-b { color: #cc0000;} /* 赤 */ 
.blue-b { color: #003399;} /* 青 */ 
.green-b { color: #339900;} /* 緑 */ 

.u-b { border-bottom: 1px solid ;} /* アンダーライン */


/* リンク色（ページ全体） */

a { color: #4444cc; text-decoration: underline; }
a:visited { color: #995599; text-decoration: underline; }
a:hover { color: #ff6666; }

p a { color: #0000cc; text-decoration: none; }
p a:visited { color: #880088; text-decoration: none; }