@charset "UTF-8";

/* ------------------------------------------------------------------------------ CSS Information

Last up date: 
Style Info  : inside.css 下層ページレイアウト

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

@import url(base.css);		/* リセットCSS */
@import url(common.css);		/* 共通 */
@import url(etc.css);		/* その他機能 */





/* underlayerpage
================================================================================================== */
.underlayerpage #main {
	line-height: 160%;
}
h3 {
	margin-bottom: 15px;
}
h4 {
	margin-bottom: 14px;
	padding-left: 19px;
	font-size: 131% !important;
	font-weight: bold;
	line-height: 35px;
}
h5 {
	color: #004994;
	font-size: 131%;
	font-weight: bold;
}
.underlayerpage .table01 {}
.underlayerpage .table01 th,
.underlayerpage .table01 td {
	padding: 5px 0;
	border: #cccccc solid 1px;
	border-collapse: collapse;
	text-align: center;
	line-height:1.2em;
}
.underlayerpage .table01 th {
	background: #eeeeee;
}
.underlayerpage .table01 td.title {
	padding-left: 20px;
	text-align: left;
}

.underlayerpage .pagetop02 {
	height: 10px;
	margin: 0 0 40px;
}
.underlayerpage .pagetop02 a {
	float: right;
}


/* about
================================================================================================== */
.about .box01 {
	position: relative;
	width: 660px;
	height: 344px;
	margin-bottom: 23px;
	background: url(../images/about/about_img03.jpg) right top no-repeat;
}
.about .box01 .img01 {
	position: absolute;
	top: 78px;
	left: 1px;
}
.about .box01 .img02 {
	position: absolute;
	top: 237px;
	left: 1px;
}
.about .box01 .txt01 {
	position: absolute;
	top: 2px;
	left: 0px;
}
.about .box01 .txt02 {
	position: absolute;
	top: 162px;
	left: 0px;
}
.about .box01 .txt03 {
	position: absolute;
	top: 267px;
	left: 0px;
}
.about h4 {
	background: url(../images/common/title_bg01.gif) left top no-repeat;
}
.about .box02 {
	margin-bottom: 13px;
	padding-bottom: 11px;
	border-bottom: #999999 dotted 1px;
}
.about .end {
	margin-bottom: 24px;
}
.about .box03 {
	margin-bottom: 13px;
	padding-bottom: 11px;
	border-bottom: #999999 dotted 1px;
}
.about .box03 p {
	margin-bottom: 17px;
}
.about .box03 ul li {
	float: left;
}


/* kind
================================================================================================== */
.kind .box01 {
	min-height: 225px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: #999999 dotted 1px;
}
.kind .box01 .swap {
	float: left;
	width: 200px;
	overflow:hidden;
}
.kind .box01 .swap p {
	width: 200px;
	/*min-height: 150px;*/
	margin-bottom: 10px;
	display: block;
}
.kind .box01 .swap ul {
}
.kind .box01 .swap ul li {
	float: left;
	width: 66px;
	height: 51px;
	margin-right: 1px;
}
.kind .box01 .swap li a {
	border: solid 1px #cccccc;
	padding: 2px;
	display:block;
}
.kind .box01 .swap li a.selected {
	background:#97d6ff;
}

.kind .box01 .detail {
	float: right;
	width: 440px;
}
.kind .box01 .detail h4 {
	background: url(../images/common/title_bg03.gif) left top no-repeat;
}


/* naire
================================================================================================== */
.naire h4 {
	background: url(../images/common/title_bg01.gif) left top no-repeat;
}
.naire h4.title01 {
	background: url(../images/common/title_bg01.gif) left center repeat-y;
	font-size: 131% !important;
	line-height: 110%;
	padding: 4px 0px 5px 19px;
}
.naire h4.title01 span {
	font-size: 12px;
}
.naire .box01 {
	margin-bottom: 31px;
}
.naire .box01 table {
	margin-bottom: 15px;
}
.naire .box01 table span {
	font-size: 85%;
}

.naire .box01 img {
	margin-bottom: 20px;
}

.naire .box02 {
	margin-bottom: 20px;
	overflow: hidden;
}
.naire .box02 .txtBox {
	float: left;
	width: 420px;
}
.naire .box02 .txtBox p {
	margin-bottom: 20px;
}
.naire .box02 .txtBox .txt {
	font-size: 131%;
	font-weight: bold;
}
.naire .box02 .txtBox .txt span {
	color: #cc0000;
}
.naire .box02 .img {
	float: right;
	padding: 4px;
	border: #cccccc solid 1px;
}

.naire .box03 {
	margin-bottom: 30px;
}
.naire .box03 .img {
	height: 161px;
	margin-bottom: 12px;
}
.naire .box03 .img li {
	float: left;
	margin-right: 6px;
}
.naire .box03 ul {
	font-size: 85%;
	line-height: 140%;
}

.naire_p {
	margin:0 0 10px;
	font-size:12px;
}
.naire_p span {
	color:#F00;
	margin-right:5px;
}

.naire .box04 {
	margin-bottom: 13px;
	padding-bottom: 11px;
	border-bottom: #999999 dotted 1px;
}
.naire .box04 p,
.naire .box05 p {
	margin: 2px 0 13px;
}
/* howto
================================================================================================== */
.howto h4 {
	background: url(../images/common/title_bg01.gif) left top no-repeat;
}

.howto .pagetop02 {
	margin-top: -40px !important;
}

.howto .box01 {
	margin-bottom: 15px;
}
.howto .box01 p {
	margin-bottom: 5px;
}

.howto .box02 {
	margin-bottom: 30px;
}
.howto .box02 .redBox {
	float: left;
	width: 330px;
	height: 265px;
	padding-top: 55px;
	background: url(../images/howto/howto_img02.gif) left top no-repeat;
}
.howto .box02 .blueBox {
	float: right;
	width: 330px;
	height: 265px;
	padding-top: 55px;
	background: url(../images/howto/howto_img03.gif) left top no-repeat;
}
.howto .box02 .redBox li,
.howto .box02 .blueBox li {
	width: 290px;
	margin: 0 auto 30px;
	line-height: 40px;
	text-align: center;
}

.howto .box03 {
	margin-bottom: 20px;
}
.howto .box03 dl {
	margin-bottom: 30px;
	
}
.howto .box03 dl dt {
	margin-bottom: 5px;
	padding-left: 110px;
	font-size: 131% !important;
	font-weight: bold;
	line-height: 40px;
}
.howto .box03 dl dt.dt01 {	background: url(../images/howto/howto_title03.gif) left top no-repeat; }
.howto .box03 dl dt.dt02 {	background: url(../images/howto/howto_title04.gif) left top no-repeat; }
.howto .box03 dl dt.dt03 {	background: url(../images/howto/howto_title05.gif) left top no-repeat; }
.howto .box03 dl dt.dt04 {	background: url(../images/howto/howto_title06.gif) left top no-repeat; }
.howto .box03 dl dt.dt05 {	background: url(../images/howto/howto_title07.gif) left top no-repeat; }
.howto .box03 dl dt.dt06 {	background: url(../images/howto/howto_title08.gif) left top no-repeat; }
.howto .box03 dl dd {
	margin-bottom: 5px;
}
.howto .box03 dl dd a {
	line-height: 160% !important;
	text-decoration: underline;
}
.howto .box03 dl dd.notice {
	color: #000000 !important;
	font-size: 85%;
	font-weight: normal !important;
	line-height: 140%;
}

.howto .box04 {
	margin-bottom: 30px;
}
.howto .box04 p {
	margin-bottom: 20px;
	line-height: 150%;
}


/* company
================================================================================================== */
.company h4 {
	background: url(../images/common/title_bg01.gif) left top no-repeat;
}

.company .pagetop02 {
	margin-top: -20px !important;
}

.company .box01 {
	margin-bottom: 30px;
}
.company table td {
	padding-left: 20px !important;
	text-align: left !important;
}

.company .box02 {
	margin-bottom: 30px;
}
.company .box02 dl dt {
	margin-bottom: 10px;
	padding-left: 10px;
	background: #81a4bb;
	color: #ffffff;
	font-size: 131% !important;
	font-weight: bold;
	line-height: 30px;
}
.company .box02 dl dd {
	margin-bottom: 20px;
	line-height: 140%;
}
.company .box02 dl dd a {
	line-height: 160% !important;
	text-decoration: underline;
}
.company .box02 dl dd.notice {
	color: #000000 !important;
	font-size: 85%;
	font-weight: normal !important;
	line-height: 140%;
}