/* 基本レイアウト */

html { margin: 0; padding: 0; }
form { margin: 0; padding: 0; }
p  { margin: 15px; padding: 0; }
hr { height: 1px; background: #cccccc; color:#cccccc; border: 0px; }


body {
	position: relative;
	text-align: center; /* center on ie */
	margin: 0 auto;
	padding: 0;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック',sans-serif;
	color:#444444;
	background: #ffffff;
}

/* 骨格 */

.outline {
	position: relative;
	width: 950px;
	margin: 0 auto;
	padding: 0;
	background: url(../pic/line-bg.png) repeat-y;
}
.outline-in {
	position: relative;
	text-align: left;
	width: 940px;
	margin: 0 auto;
	padding: 0;
}

/* パンクズ */

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

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

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

.kuzu strong {
	font-weight: normal;
}

/* ヘッダー */

.top {
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: solid 3px #88aaee;
	background: #ffffff;
}
.topin {
	position: relative;
	width: 940px;
	height: 85px;
	text-align: left;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
}
.top p {
	position:absolute; top: 25px; left: 535px;
	width: 400px;
	text-align: left;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #888888;
	background: url(../pic/top-p-bg.png);
	margin: 0px 0px 0px 0px;
	padding: 5px;
}
.logo {
	position:absolute; top: 12px; left: 0px;
	width: 280px;
	text-align: left;
	font-size: 15px;
	font-weight: normal;
	color: #d5c566;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.mainframe {
	width: 940px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	background: url(../pic/side-bg.jpg) repeat-y #f6f6f6;
}
.mainframe:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	max-height: 0;
	visibility: hidden;
}

/* コンテンツ */

.container {
	position: relative;
	width: 630px;
	margin: 0px 0px 0px 15px;
	padding: 10px 0px 0px 0px;
	float: left;
}
.contents {
	position: relative;
	text-align: left;
	font-size: 14px;
	line-height: 22px;
	clear: both;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
}
.con-text {
	font-size: 14px;
}
.con-text 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;
}

/* ページ紹介BOX */
.box {
	width: 630px;
	height: 250px;
	background: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}
.box-1 {
	float: left;
	width: 203px;
	height: 248px;
	border :solid 1px #aaaaaa;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.box-right {
	float: right;
	width: 417px;
	height: 250px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.box-2 {
	float: left;
	width: 203px;
	height: 248px;
	border :solid 1px #aaaaaa;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.box-3 {
	float: right;
	width: 203px;
	height: 248px;
	border :solid 1px #aaaaaa;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.box-ps {
	text-align: center;
	padding: 7px 5px 0px 5px;
}
.box-go {
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}
.box-text {
	text-align: left;
	font-size: 12px;
	line-height: 17px;
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 0px 12px;
}
.box-cate {
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
}

/* サイドバー */

.side {
	width: 270px;
	margin: 0px 0px 0px 25px;
	padding: 15px 0px 0px 0px;
	float: right;
}
.side-waku {
	width: 250px;
	text-align: left;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 10px 5px;
}
.side-navi {
	height:35px;
	font-size:14px;
	font-weight:bold;
	line-height: 35px;
	text-align: center;
	color: #ffffff;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	background: url(../pic/side-navi.png) repeat-x #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.side-navi a, .side-navi a:visited, .side-navi a:active, .side-navi a:hover {
	text-decoration:none;
}
ul.menu {
	position: relative;
	font-size: 13px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 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;
	display: block;
	line-height: 31px;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
ul.menu li a,ul.menu li a:visited {
	position: relative;
	display: block;
	line-height: 31px;
	color: #555555;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	background: url(../pic/menu-li-bg1.png) no-repeat #ffffff;
}
ul.menu li a:active, ul.menu li a:hover {
	position: relative;
	display: block;
	line-height: 31px;
	color: #ff3366;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	background: url(../pic/menu-li-bg2.png) no-repeat #ffffff;
}


/* フッター */

.foot {
	clear: both;
	height: 65px;
	text-align: center;
	background: url(../pic/foot-sky.png) top left repeat-x #99bbee;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#foot-waku {
	position: relative;
	width:800px;
	font-size:12px;
	color: #eeeeee;
	text-align:center;
	margin:0px auto;
	padding:25px 0px 0px 0px;
}
#about {
	float :right;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#foot-waku a, #foot-waku a:visited, #foot-waku a:active, #foot-waku a:hover {
	color: #eeeeee;
	text-decoration: none;
}

/* テーブル about */

table.about {
	width: 620px;
	font-size: 14px;
	border: solid 1px #cccccc;
	border-collapse: collapse;
	margin: 20px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
}
table.about p {
	margin: 0px 0px 0px 0px;
	padding: 8px 5px 0px 8px;
}
table.about td.hyouki {
	width: 200px;
	text-align: center;
	border: solid 1px #cccccc;
	background-color: #f7fefe;
	padding: 8px 0px 8px 0px;
}
table.about td.coment {
	width: 416px;
	font-size: 13px;
	line-height: 17px;
	border: solid 1px #cccccc;
	padding: 0px 0px 12px 0px;
}

/* ▼見出し */

h1 {
	position: absolute; top: 5px; left: 0px;
	width: 920px;
	color: #aaccee;
	font-size: 13px;
	font-weight: normal;
	text-align: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.h-bar h2,.h-bar h3 {
	color:#555555;
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	text-align: left;
	background: url(../pic/h-bar.png) no-repeat top left #ffffff;
	margin: 0px 0px 5px 0px;
	padding: 12px 0px 10px 40px;
}
.pic-mida h2,.pic-mida h3 {
	color:#555555;
	font-size: 16px;
	text-align: left;
	background: #ffffff;
	margin: 0px 0px 0px 0px;
	padding:: 0px 0px 0px 0px;
}
h4 {
	color: #958511;
	font-size: 14px;
	font-weight: bold;
	line-height: 21px;
	text-align: left;
	background: url(../pic/mark-h4.jpg) no-repeat top left;
	margin: 15px 0px 5px 8px;
	padding: 0px 0px 0px 20px;
}



/* 画像回り込み */

.r00 { float: right; margin: 0px 8px 10px 15px; }
.r01 { float: right; margin: 15px 8px 10px 15px; }

.l00 { float: left; margin: 0px 15px 10px 10px; }
.l01 { float: left; margin: 15px 15px 10px 10px; }
.l02 { float: left; margin: 10px 10px 10px 0px; }

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


/* 文字制御 */

.right { text-align: right; }
.center { text-align: center; }


/* 文字サイズ */

.mini01 { font-size: 11px;}
.mini02 { font-size: 12px;}
.mini03 { font-size: 13px;}

.big01 { font-size: 15px;}
.big02 { font-size: 16px;}

.big02-red-b { color: #cc3333; font-size: 16px;}
.big02-line-red-b { background: #ffeeff; color: #dd1111; font-size: 16px;}


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

.line-yellow { background: #ffffbb; font-weight: normal;}/* 背景マーカー処理 */
.line-blue { background: #ddeeff; font-weight: normal; color: #3366cc;}/* 青 マーカー処理 */
.line-green { background: #cceecc; font-weight: normal;}/* 緑 マーカー処理 */
.line-orange { background: #ffddaa; font-weight: normal;}/* 橙 マーカー処理 */

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

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


/* 文字装飾 太字*/

.line-yellow-b { background: #ffffbb;}/* 背景マーカー処理 */
.line-blue-b { background: #ccddff; color: #3366cc;}/* 青 マーカー処理 */
.line-green-b { background: #cceecc;}/* 緑 マーカー処理 */
.line-orange-b { background: #ffeecc; color: #ee3300;}/* 橙 マーカー処理 */
.line-red-b { background: #ffeeff; color: #dd1111;}/* 赤 マーカー処理 */
.line-grow-b { background: #fcfcdd; color: #756500;} /* 金系 */ 

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

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


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

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

a img {
	border: 0;
	transition:all 0.5s ease;
}
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

/*  <a href="#" class="■">  */