﻿@charset "shift_jis";
/* CSS Document */


/* format
====================================================================*/

img {
	vertical-align: bottom;
	border: 0;
}

body {
	text-align: center;
}

#mainTitle {
	zoom: 1;
	width: 530px;
	margin: 0 auto;
	text-align: center;
}

#mainTitle p#toIndex {
	padding-top: 18px;
	float: right;
}

#wrapper {
	width: 570px;
	margin: 0 auto;
	text-align: left;
}

#container {
	margin-top: 20px;
}

h1 {
	color: #0000FF;
	font-size: 18px;
	width: 100%;
	text-align: center;
}

h2 {
	color:#0000FF;
	font-weight:bold;
	font-size: 16px;
	margin: 40px 0 23px;
	line-height: 1.2;
}

h2.topLine {
	margin-top: 0;
}

h3 {
	color:#000;
	font-weight:bold;
	font-size: 16px;
	margin: 40px 0 23px;
	line-height: 1.2;
}

h4 {
    color: #008000;
	font-weight:bold;
	font-size: 16px;
	margin: 40px 0 23px;
	line-height: 1.2;
}

p {
	margin: 0 0 18px;
	line-height: 1.4;
	text-indent: 1em;
}

ul {
	margin: 0 0 30px;
    padding: 0 0 0 1.2em;
}

ul li {
	margin-bottom: 5px;
	line-height: 1.6em;
}

#container table {
	border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

#container table td {
	vertical-align: top;
}

#container table th,
#container table td {
	padding: 0;
	line-height: 1.4;
	vertical-align: top;
}

#container .indentType01 {
	display: block;
	margin-left: 1em;
	text-indent: -1em;
}

#container .indentType02 {
	display: block;
	margin-left: 2em;
    text-indent: -2em;
}

#container .indentType03 {
	display: block;
	margin-left: 3em;
    text-indent: -3em;
}

/* footer */
div#pager {
	text-align: center;
}

div#pager table {
	width: 450px;
	margin: 17px auto 40px;
}

div#pager table td {
	text-align: center;
}



/* module
====================================================================*/

#container .clearFix {
	overflow: hidden;
	_zoom 1;
}

.floatRight { float: right!important; }
.floatLeft { float: left!important; }

.alignRight { text-align: right!important; }
.alignLeft { text-align: left!important; }
.alignCenter { text-align: center!important; }

.mLeft10 { 	margin-left: 10px!important; }
.mLeft1em { 	margin-left: 1em!important; }
.mLeft2em { 	margin-left: 2em!important; }

.mBottom0 { margin-bottom: 0!important; }
.mBottom10 { margin-bottom: 10px!important; }
.mBottom20 { margin-bottom: 10px!important; }
.mBottom30 { margin-bottom: 30px!important; }
.mBottom2em { margin-bottom: 2em!important; }

.mTop0 { margin-top: 0!important; }
.mTop10 { margin-top: 10px!important; }

.pLeft15 { 	padding-left: 15px!important; }
.p5 { padding: 5px!important; }

.noBold { font-weight: normal!important; }

.noIndent { text-indent: 0!important; }

.border { border: solid 1px; }
.noBoder { border: none!important; }
.noBoderLeft { border-left: none!important; }
.noBoderRight{ border-right: none!important; }
.noBoderTop { border-top: none!important; }
.noBoderBottom { border-bottom: none!important; }

.vAlignTop { vertical-align: top!important; }
.vAlignMiddle { vertical-align: middle!important; }
.vAlignBottom { vertical-align: bottom!important; }

.hack01 { margin-top: -7px\9!important; display: block\9!important; }

.clearBoth { clear: both!important; }

.photo { margin: 0; padding:0; text-indent: 0;}



/*　theme
====================================================================*/

#wrapper p.toHome {
	margin: 0 0 10px;
	text-align: center;
}

#container table td div {
	border: solid 1px #000;
	margin-left: 10px;
    padding: 2px 5px;
}

.underline {
	 text-decoration:underline;
}

#container div#photoList01 {
	overflow: hidden;
	_zoom: 1;
	margin: 0 0 40px;
}

#container div#photoList01 dl {
	float: left;
}

#container div#photoList01 dl.dlRight01 {
	width: 215px;
	margin-left: 51px;
	display: inline;
}

#container div#photoList01 dl dd {
	padding-top: 5px;
	text-align: center;
	font-size: 72%;
	margin: 0;
}

#container div#photoList02 {
	overflow: hidden;
	_zoom: 1;
	margin:0 0 20px -55px;
}

#container div#photoList02 dl {
	float: left;
	width: 151px;
	margin-left: 55px;
	display: inline;
}

#container div#photoList02 dl dd {
	padding-top: 5px;
	text-align: center;
	font-size: 82%;
	margin: 0;
}

.attention {
	font-weight: bold;
    margin-bottom: 10px;
    text-indent: 0;
}

#container .box01 {
    border: 1px solid #000000;
    padding: 1em;
}

#container .box02 {
    border: 1px solid #FF0000;
    margin-bottom: 20px;
    padding: 1em;
	color: #F00;
	font-weight: bold;
}

#container .box03 {
	width: 290px;
}

#container .box02 em {
	border: solid 1px black;
	font-style: normal;
	display: inline-block;
	text-indent: 0;
}

table.table01 {
	margin-bottom: 20px;
}

table.table01 td div {
    border: 1px solid #000;
	padding: 5px;
}

table.table01 td div p {
	margin-top: 0;
}

table.table01 ul {
	margin-bottom: 0;
}

table.table02 th,
table.table02 td {
    border: 1px solid #000;
}

table.table03 {
}

table.table03 th,
table.table03 td {
	border: none;
	padding: 0!important;
}

.wType01 {
	width: 360px;
}

#container .table04 td {
	border: none;
	margin:	0;
	padding: 0
}

#container .table04 td div {
	border: none;
    margin: 0;
    padding: 0 0 0 30px;
}