/* ===================================================================
CSS information

 file name  :design.css
 style info :共通
=================================================================== */

.contents {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 0px;
}

div.thumbnail {
	background: none transparent scroll repeat 0% 0%;
	padding: 0px;
	margin-top: 7px;
	margin-bottom: 7px;
}
ul#thumbslist {
	margin-left: 6px;
	padding: 0px;
}
ul#thumbslist li {
	margin-bottom: 15px;
	width: 226px;
	margin-right: 5px;
	height: 318px;
	border: 1px solid #EEEEEE;
}
ul#thumbslist li p {
	margin: 0px 10px 7px;
	line-height: 1.5;
}

.imgbox {
	margin-bottom: 10px;
}
#tagline {
	margin: 0px;
	background-image: url(../images/tagline_bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
}
#container #intro {
	background-image: url(../images/cm_bg.jpg);
	height: 200px;
	width: 230px;
	margin-top: 50px;
	position: relative;
	background-repeat: no-repeat;
}
#intro p {
	padding: 20px;
	font-size: 11px;
}
#intro dl {
	padding: 20px;
	font-size: 11px;
}
#intro dd {
	padding-bottom: 40px;
}

#container #sidebox #left_banner {
	margin-top: 20px;
}

.contents02 {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	float: left;
	width: 710px;
}

#container #main .contents02 .left {
	float: left;
	width: 310px;
	padding-right: 0px;
}
#container #main .contents02 .right {
	float: left;
	width: 390px;
	padding-top: 0px;
}

#container #main .contents table {
}
#container #main .contents table img {
	position: relative;
}
#container #main .contents th {
	white-space: nowrap;
	background-color: #F5F5F5;
	border: 1px solid #EBEBEB;
}

#container #main .contents caption {
	text-align: left;
}
#container #main .contents .spec {
	background-color: #FFFFCC;
	border: 3px double #996600;
	background-image: url(../images/bg.gif);
	background-repeat: repeat;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#container #main .contents .spec dt {
	color: #BD8000;
	font-weight: bold;
	margin-top: 5px;
}
#container #main .contents .spec dd {
	margin-bottom: 10px;
}
#container #main .contents .spec ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	list-style-type: circle;
}
#container .gotop {
	margin-left: 890px;
}
#container #main .contents .pagetop {
	text-align: right;
	padding-top: 20px;
	padding-right: 20px;
}


/* -----------------------------------------------------------
	form.htm
----------------------------------------------------------- */
.rule {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 15px;
	background-color: #FAFAFA;
	border: 1px solid #DEDEDE;
	font-size: 90%;
}
.line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: small;
}
.rule ol {
	line-height: 1;
}

.rule li {
	margin-bottom: 3px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin-top: 0px;
	padding: 0px;
	line-height: 1.2;
}

.gray {
	color: #5D5D5D;
}
.doui {
	text-align: center;
}
#container #main .contents #privacy {
	padding-top: 50px;
}

#container #main .contents #privacy #leftBox {
	width: 130px;
	float: left;
	font-size: 75%;
	position: relative;
}
#container #main .contents #privacy #center {
	float: left;
}
#container #main .contents #privacy #rightBox {
	margin-left: 240px;
}
#container #main .contents #privacy #rightBox p {
	line-height: 1.2;
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#container #main .contents #privacy #leftBox img {
	margin-right: 25px;
	margin-left: 5px;
	margin-bottom: 25px;
}

/*システムメンテナンスのお知らせ*/
#sidebox .left_info {
	margin-top: 20px;
}
.left_info dd {
	margin-left: 0px;
}
.left_info dt {
	font-weight: bold;
	margin-bottom: 5px;
	color: #CC6633;
}

/*----------------------------------------------------------- */

.itembox {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 1em;
	border: 1px solid #ACACAC;
	float: left;
}
#container #main .itembox ul {
	margin-bottom: 15px;
	list-style-type: square;
}
#container #main .itembox ul li {
	margin-left: 15px;
}
#container #main .itembox .itemright {
	float: left;
	padding-left: 20px;
	width: 380px;
}
#container #main .itembox .itemleft {
	width: 280px;
	text-align: center;
	float: left;
}

/* -----------------------------------------------------------
	index.htm
----------------------------------------------------------- */
.expositionBox {
	margin-top: 0px;
	margin-bottom: 30px;
	padding: 1em;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #EAEAEA;
	float: left;
	position: relative;
}
.expositionBox ul {
	list-style-type: none;
	padding: 0px;
	margin-left: 16px;
}
.expositionBox ul li {
	list-style-type: none;
	list-style-image: url(../images/icon_mark02.gif);
}
.expositionBox .caption {
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 220px;
}
.expositionBox img {
	text-align: center;
	padding: 0px;
	width: 200px;
	float: left;
}

/*----------------------------------------------------------- */


#container #main .contents .caption {
	padding-bottom: 40px;
}
#container #main .contents .caption img {
	padding-left: 20px;
}
#container #main .contents .caption li {
	padding-bottom: 10px;
}
#container #main .contents02 .bg {
	background-image: url(../images/bg.gif);
	padding: 8px;
	float: left;
	width: 294px;
}
#container #main .contents02 .right .bg {
	width: 360px;
	height: 180px;
	padding: 10px;
}