﻿@charset 'utf-8';
@import './c2.css';

*{
	margin:0;
	padding:0;
	cursor:crosshair;
}

a:link{
	color:#c53d43;
}
a:visited{
	color:#e9546b;
}

body{
	text-align:center;
	height:700px;
	background-color:#fdeff2;
}

/* カウンター */
#NINCtCMSection{
	display:none;
}

#bgbanner1{
	position:absolute;
	right:10px;top:560px;
	zIndex:0;
}

#bgbanner2{
	position:absolute;
	right:10px;bottom:78px;
	zIndex:0;
} 
/* レイアウトテスト 
body *{
	border:1px solid red;
}
*/
/* ページ全体 */
#c-all{
	position:relative;
	top:5%;left:0;
	margin:0 auto;
	text-align:left;
	width:800px;
}

#c-all #topimg{
	width:100%;
	height:100%;
}

/* 共通 */
#c-all *{
	/* 
	font-size:10pt;
	font-family:defalut;
	<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< padding atention >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
}

/* サブメニュー */
#c-submenu{
	width:100%;
	height:20px;
}
/* サブメニュー リスト */
#c-submenu ul{
	list-style:none;
}
#c-submenu li{
	padding:0 5px;
	float:left;
	font-size:9pt;
}


/* header */
#c-header{
	overflow:hidden;
	width:100%;
	height:80px;
}

/* header logo */
#c-header #c-logo{
	width:250px;
	height:100%;
	float:left;
}

/* header mainmenu */
#c-header #c-mainmenu{
	width:520px;
	height:100%;
	float:right;
}

/* main */
#c-main{
	font-size:10pt;
	position:relative;
	overflow-y:hidden;
	height:600px;
	width:100%;
	/*
	background-image:url(./../top.jpg);
	*/
	overflow:hidden;
	zIndex:5;
}

/* footer */
/* 今はメニュー */
#c-footer{
	position:absolute;
	top:0;right:10px;
	overflow:hidden;
	height:100%;
	/* total width size is 220px */
	width:210px;
	padding-left:10px;
	/*
	background-color:#000000;
	opacity:0.6;
	filter:Alpha(opacity=60);
	*/
}

#c-footer ul{
	margin-top:30px;
	margin-left:10px;
	list-style:none;
	font-family:'Palatino Linotype','DotumChe';
	font-weight:bold;
	color:#ffffff;
}
#c-footer li{
	width:100%;
	height:30px;
	/*
	 padding:3px 5px 0 5px;
	 float:left;
	 text-align:center;
	*/
	font-size:12pt;
	/*
	border-width:0 1px 0 0;
	border-style:solid;
	border-color:#666666;
	*/
	text-decoration:none;
}
#c-footer li a{
/*	color:#e95464;*/
	color:#82ae46;
	text-decoration:none;
}
#c-footer li a:hover{
/*	color:#fef9fb;*/
	color:#69821b;
	text-decoration:underline;
}

/* Last Update */
#c-footer #c-lastupdate{
	margin-top:130px;
	color:#7b8d42;
}
#c-footer #c-lastupdate .title{
	font-size:12pt;
	font-family:'Palatino Linotype','DotumChe';
}

#c-footer #c-lastupdate .con{
	font-size:9pt;
	height:43px;
	overflow:hidden;
}

/* Link free */
#c-footer #c-link{
	margin-top:10px;
	color:#7b8d42;
}

#c-footer #c-link .title{
	font-size:12pt;
	font-family:'Palatino Linotype','DotumChe';
}
#c-footer #c-link .con{
}

/* Copy right */
#c-footer #c-copyright{
	margin-top:10px;
	color:#7b8d42;
}

#c-footer #c-copyright .title{
	font-family:'Palatino Linotype','DotumChe';
}
#c-footer #c-copyright .con{
}

/* Environment */
#c-footer #c-environment{
	margin-top:10px;
	color:#7b8d42;
}

#c-footer #c-environment .title{
	font-family:'Palatino Linotype','DotumChe';
}
#c-footer #c-environment .con{
}

/* message(コメント) */
#c-message{
	overflow:visible;
	position:absolute;
	top:560px;left:0;
	padding-top:2px;
	height:18px;
	width:100%;
	background-color:#ffffff;
	opacity:0.6;
	filter:Alpha(opacity=60);
}

#c-message div.fleft,#c-message div.fright{
	text-align:center;
}


#spcounter{
	position:absolute;
	top:570px;
	right:60px;
}

/* Small-Dialog */
#c-main .win{
	position:absolute;top:0;left:0;
	overflow:hidden;
	width:200px;
	height:100px;
	/*background-color:#ffffff;*/
	/*display:none;*/
	opacity:0.7;
	filter:Alpha(opacity=70);
}

#c-main .win #bgimg{
	width:100%;
	height:100%;
	position:absolute;top:0;left:0;
}

#c-main .win div.title{
	font-size:12pt;
	width:100%;
	height:30%; /* [.win div.con [top]]size same */
	text-align:center;
	font-family:'Palatino Linotype','DotumChe';
	font-weight:bold;
	border-width:0 0 1px 0;
	border-style:solid;
	border-color:#666666;
	position:absolute;top:0;left:0;
}

#c-main .win div.con{
	width:200px;
	height:60%;
	overflow:hidden;
	padding:3px 0 0 3px;
	position:absolute;top:30%;left:0;
}

/* Main-Contents */
#c-main .m-contents{
	width:540px;
	height:100%;
	overflow:hidden;
	opacity:0.7;
	filter:Alpha(opacity=70);
	position:absolute;top:0;right:30%;
}

#c-main .m-contents #bgimg{
	width:100%;
	height:100%;
	position:absolute;top:0;left:0;
}

#c-main .m-contents div.title{
	font-size:12pt;
	width:100%;
	height:28px; /* [.win div.con [top]]size same */
	text-align:center;
	font-family:'Palatino Linotype','DotumChe';
	font-weight:bold;
	border-width:0 0 1px 0;
	border-style:solid;
	border-color:#666666;
	position:absolute;top:0;left:0;
}

#c-main .m-contents div.text{
	padding:8px 0 0 8px;
	width:526px; /* 540 - padding - 6 */
	height:558px; /* 600 - 30 - padding - 6 */
	font-size:12pt;
	position:absolute;top:30px;left:0;
	overflow:auto;
}

/* other */
.clear{
	clear:both;
	display:none;
}
.fleft{
	float:left;
}
.fright{
	float:right;
}
.mleft10{
	margin-left:10px;
}
.z10{
	z-index:10;
}
.z0{
	z-index:0;
}


/* ライブラリ */
/* テキストボックス */
.contents{
	display:none;
}

.title_{
	background-color:#69821b;
	color:#ffffff;
	font-size:12pt;
	text-align:left;
	font-weight:bold;
	padding:5px 0 5px 10px;
	cursor:crosshair;
	margin:15px 0;
	width:480px;
}

.title_:hover{
	color:#666666;
}

.text_{
	font-size:11pt;
	text-align:left;
}
.text_ *{
	font-size:11pt;
	text-align:left;
}

table#table_ tr{
	height:20px;
}

table#table_ .table_title{
	width:100px;
	text-align:center;
}