/* --- out-line ------------------------------- */
#head { /* コンテンツ共通・必須 */
	height: 90px;
	background-image: url('img/bar.jpg');
	background-position: bottom;
	background-repeat: repeat-x;
	position: relative;
}

a:hover {
	color: #3d93cc;
}

ul {
	margin: 0px 0px 0px 20px;
	list-style-image: url('img/circle.jpg');
	line-height: 120%;
    text-align: left;
}

/* --- top-menu ---------------------------------- */
#menu { /* コンテンツ共通・必須 */
	position:absolute;
	top: 50px;
	left: 0px;
}

/* --- image ---------------------------------- */


/* --- contents ------------------------------- */
#contents { /* コンテンツ共通・必須 */
	margin-top: 40px;
}

div.h00 {
	text-align: left;
	font-size: 130%;
	font-weight: bold;
	margin: 40px 0px 0px 30px;
	padding-left: 20px;
	background-image: url('img/sq.jpg');
	background-position: center left;
	background-repeat: no-repeat;
}

/* index + info */
#contents td.index div, #contents td.info div {
	margin: 20px 30px 20px 40px;
	text-align: left;
	line-height: 120%;
}
#contents td.index p, #contents td.info p {
	margin: 20px 30px 20px 40px;
}

#contents td.index ul, #contents td.info ul { 
	margin: 0em 0em 0em 1em;
	padding: 0px;
} 


#contents td.index div.link {
	margin: 30px 30px 40px 60px;
}

/* index */
#contents td.index p.mess {
	width: 520px;
	height: 370px;
	margin: 20px auto 30px 25px;
	position: relative;
}
p.mess span {
	width: 530px;
	height: 370px;
	position: absolute;
	background-image: url('img/top.jpg');
}
#contents td.index p {
	line-height: 130%;
}
#contents td.index h2 {
	margin: 20px 0px 30px 40px;
	line-height: 130%;
	text-align: left;
	font-size: 120%;
	font-weight: bold;
}

#contents td.index div.photo {
	margin: 20px 30px 0px 40px;
}
#contents td.index div.photo img {
	margin: 0px 3px;
}
#contents td.index li {
	margin: 7px 0px 0px;
}
#contents td.index li b  {
    display: block;
    margin: 7px 0px 3px;
}

/* info */
#contents td.info {
	color: #555555;
}
#contents td.info p {
	margin: 10px 0px 0px 40px;
}
#contents td.info div.outline {
	position: relative;
	width: 487px;
	height: 216px;
	margin: 35px auto 20px 45px;
	background-image: url('img/I_index.jpg');
}
h1, h2, h3, h4, h5 {
	text-align: left;
	font-weight: bold;
}
h2, h3 {
	color: #333333;
}
#contents td.info div.outline h1 {
	margin: 0px 0px 20px 30px;
	padding-top: 10px;
	font-size: 130%;
}
#contents td.info div.outline img.info1,
#contents td.info div.outline img.info2,
#contents td.info div.outline img.info3,
#contents td.info div.outline img.info4,
#contents td.info div.outline img.info5,
#contents td.info div.outline img.info6 {
	position: absolute;
}
#contents td.info div.outline img.info1 {
	width: 221px;	height: 108px;
	top: 0px;	left: 0px;
}
#contents td.info div.outline img.info2 {
	width: 266px;	height: 108px;
	top: 0px;	left: 221px;
}
#contents td.info div.outline img.info3 {
	width: 166px;	height: 107px;
	top: 109px;	left: 0px;
}
#contents td.info div.outline img.info4 {
	width: 192px;	height: 107px;
	top: 109px;	left: 166px;
}
#contents td.info div.outline img.info5 {
	width: 129px;	height: 107px;
	top: 109px;	left: 358px;
}
#contents td.info .item {
	vertical-align: bottom;
}
#contents td.info div.item {
	margin: 0px 40px 0px 40px;
}
#contents td.info div.item p {
	margin: 10px 0px 10px 15px;
}
#contents td.info div.item p b {
	display: block;
	margin: 0px 0px 3px 0px;
}
#contents td.info div.item img {
	margin: 5px;
}
#contents td.info div.foot {
	margin: 20px 40px 0px 40px;
}
#contents td.info p.foot {
	margin: 3px 40px 0px 15px;
}

#contents td.index h2, #contents td.info h2 {
	margin: 40px 0px 15px 30px;
	padding-left: 20px;
	background-image: url('img/sq.jpg');
	background-position: center left;
	background-repeat: no-repeat;
	font-size: 160%;
}
#contents td.info h3 {
	margin: 20px 0px 15px 42px;
	padding-left: 14px;
	background-image: url('img/s_sq.jpg');
	background-position: center left;
	background-repeat: no-repeat;
	font-size: 130%;
}
#contents td.info h3 span {
	padding-left: 15px;
	font-weight: normal;
	font-size: 12px;
	color: #555555;
}
#contents td.info h4 {
	margin: 15px 0px -7px 15px;
	font-size: 100%;
}
#contents td.info h5 {
	margin: 25px 0px 0px 40px;
	font-size: 120%;
}
#contents td.info div.cap {
	position: relative;
	margin: -20px 0px 0px;
	top: -10px;
	left: 130px;
	font-size: 80%;
}

#contents td.info ul {
	margin: 0px 0px 0px 30px;
	padding-left: 2px;
}
#contents td.info li {
	margin-bottom: 5px;
	line-height: 120%;
}
#contents td.info ul.item {
	margin: -5px 0px 0px 30px;
}
#contents td.info ul b {
	display: block;
	margin: 0px 0px 3px -15px;
	padding-left:4px;
	border-left:5px solid #888888;
}

#contents td.info ul ul {
	margin: 0px 0px 10px 10px;
	padding-left: 5px;
}
#contents td.info li li {
	margin: 3px 0px 0px 0px;
	list-style-image: url('img/s_circle.jpg');
}
#contents td.info div.outline ul {
	margin: 15px 15px 10px 35px;
	list-style-image: url('img/s_sq.jpg');
}
#contents td.info div.outline li {
	margin-top: 15px;
	list-style: none none;
}
#contents td.info div.outline ul li ul {
	margin: 0px 0px 10px 30px;
	list-style-image: url('img/circle.jpg');
}
#contents td.info div.outline li li {
	margin: 6px 0px 0px;
}

#contents td.info table.game {
	margin: 0px auto 25px 55px;
	padding: 0px;
	background-color: #d6e9f8;
	border-collapse: collapse;
	font-size: 85%;
}
#contents td.info table.game th {
	width: 230px;
	margin: 0px;
	padding: 5px 5px 0px;
/*	border: 3px solid #d6e9f8;*/
	border: 3px solid #ffffff;
	border-width: 0px 5px;
}
#contents td.info table.game td {
	width: 228px;
	margin: 0px;
	padding: 5px 5px 7px;
/*	border: 3px solid #d6e9f8;*/
	border: 3px solid #ffffff;
	border-width: 0px 5px;
	text-align: left;
	color: #505050;
}
#contents td.info table.game img {
	margin: 0px;
}

#contents td.info p.sch {
	margin-left: 50px;
}
#contents td.info table.sch {
	margin: 10px auto 25px 55px;
	border: 1px solid #3d93cc;
	border-width: 1px 1px 0px 0px;
}
#contents td.info table.sch th {
	width: 150px;
	margin: 0px;
	padding: 3px;
	background-color: #3d93cc;
	border: 1px solid #3d93cc;
	border-width: 0px 0px 1px 1px;
	text-align: center;
	letter-spacing: 0.5em;
	color: #ffffff;
}
#contents td.info table.sch td {
	margin: 0px;
	padding: 4px 6px 6px;
	border: 1px solid #3d93cc;
	border-width: 0px 0px 1px 1px;
	text-align: left;
	line-height: 140%;
}
#contents td.info table.sch td span {
	margin: 0px 0px 0px 1px;
	padding: 0px;
	font-size: 85%;
}
#contents td.info table.sch td a {
	margin-left: -1px;
	text-decoration: none;
	font: 95% "Webdings";
	color: #76ae51;
}

div.outline ul a {
	padding-left: 15px;
	background-image: url('img/arrow1.jpg');
	background-position: center left;
	background-repeat: no-repeat;
	font-size: 115%;
}
div.outline ul ul a {
	margin-right: 20px;
	padding-left: 10px;
	background-image: url('img/point.jpg');
	font-size: 100%;
}
.item a {
	margin: 2px;
	color: #254a98;
}
.item a:hover {
	color: #3d93cc;
}

/* schedule + area */
#update {
	text-align: right;
	font-weight: bold;
	margin-right: 15px;
	font-size: 120%;
}
#update span {
	padding: 3px 5px;
	border: 1px solid #3d93cc;
	color: #666666;
}
.h02 {
	font-size: 150%;
	font-weight: bold;
}
.appli {
	text-align: left;
	border: 1px solid #aaaaaa;
	margin: 0px 10px 20px 40px;
}
.appli_bar {
	text-align: center;
	font-weight: bold;
	border-bottom: 1px dashed #aaaaaa;
	padding: 5px;
}
.appli p {
	text-align: left;
	margin: 0px;
	padding-left: 90px;
	line-height: 150%;
}

/* schedule */
.schedule {
	border: 1px solid #aaaaaa;
	margin: 10px 10px 30px 40px;
}
.schedule h1 {
	text-align: center;
	font-size:28px;
	margin: 20px 0px;
}
.schedule td {
	text-align: left;
}
.l_line {
	width: 2px;
	background-image: url('img/length_bar.jpg');
	background-repeat: repeat-y;
	background-position: center left;
}
.month {
	margin: 0px;
	padding: 2px 4px 2px 2px;
	text-align: right;
	color: #ffffff;
	background-color: #3d93cc;
}
.box0 {
	margin: 10px 5px 10px 10px;
	padding: 0px 20px 40px;
	text-align: center;
}
.box1 {
	width: 5px;
	background-image: url('img/point.jpg');
	background-repeat: no-repeat;
	background-position: 5px 8px;
}
.box2 {
	width: 60px;
}

/* area */
.area {
	border: 1px solid #aaaaaa;
	border-width: 1px 1px 0px 0px;
}
ul.list1a {
	margin: 40px 0px 40px 60px;
	padding: 0px;
	line-height: 200%;
}
ul.list2a {
	margin: 30px 0px -15px 60px;
	padding: 0px;
	line-height: 130%;
}
ul.list2s {
	margin: 30px 0px -5px 60px;
	padding: 0px;
	line-height: 130%;
}

.area td {
	border: 1px solid #aaaaaa;
	border-width: 0px 0px 1px 1px;
}
.area span {
	font-weight: bold;
	color: #3d93cc;
}
.add {
	width: 500px;
	border: 1px solid #aaaaaa;
}
.add td {
		border-bottom: 1px dotted #aaaaaa;
}
.add00 {
	width: 5px;
	background-color: #3d93cc;
}
.add01 {
	width: 5px;
	background-color: #ffffff;
}
.add02 {
	width: 120px;
	background-color: #3d93cc;
	color: #ffffff;
}
input, textarea {
	width: 350px;
	font-size: 12px;
	color: #666666;
}

/* hold_com + hold_uni */
ul.list1c {
	margin: 20px 0px 40px 60px;
	padding: 0px;
	line-height: 180%;
}
ul.list1u {
	margin: 20px 0px 20px 60px;
	padding: 0px;
	line-height: 180%;
}

/* voice */
#txt div.voice div {
	text-align: left;
	margin: 10px 30px 10px 30px;
	padding: 10px;
	border: 1px solid #3d93cc;
}
#txt div.voice div b {
	display: block;
	margin-bottom: 4px;
	color: #254a98;
}
#txt div.voice div span {
	display: block;
	margin-top: 4px;
}
#txt div.voice p {
	margin: 10px 30px 10px 30px;
}
#txt div.voice img.left {
	float: left;
	margin: 0px 5px 5px 30px;
}
#txt div.voice img.right {
	float: right;
	margin: 0px 30px 5px 5px;
}

/* faq */
#txt div.faqlist {
	text-align: left;
	margin: 30px 0px 50px;
}

ul.list1f {
	margin: 15px 0px 40px 60px;
	padding: 0px;
	line-height: 200%;
}

#txt div.faqlist b {
	display: block;
	font-size: 130%;
	margin: 20px 30px 10px 30px;
	padding-left: 20px;
	background-image: url('img/sq.jpg');
	background-position: center left;
	background-repeat: no-repeat;
}
#txt div.faq div {
	text-align: left;
	margin: 30px 30px 10px 30px;
	padding: 10px;
	border: 1px solid #3d93cc;
}
#txt div.faq b {
	margin-right: 3px;
	color: #254a98;
}
#txt div.faq p {
	margin: 10px 30px 10px 41px;
}
#txt div.faq p a {
	color: #254a98;
}
#txt div.faq p a:hover {
	color: #3d93cc;
	text-decoration: underline;
}

/* script */
#contents td.info div.ptop {
	text-align: right;
	margin: 20px 30px 30px 40px;	
}

/* float */
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.fix {
	width: 100%;
	margin: 0px;
	padding: 0px;
background-color: #cccccc;
}