@charset "utf-8";
/* =======================================

	Parts CSS

 -----------------------------------------
	Form CSS
	Share CSS
 -----------------------------------------
 	

========================================== */

/* =======================================

	Form CSS

========================================== */
.mailformBox{ 
	width:90%;
	margin:0 auto 30px;
	border:#D7D7D7 solid 5px;
	padding:40px 0 0 20px;
}

#mailform{ 
	display:block;
}

#mailform input {
  border:1px solid #ccc;
  width:95% !important;
  min-height:30px;
  display:block;
  margin-top:5px;
  outline: none;

  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  -o-border-radius:3px;
  -ms-border-radius:3px;
  border-radius:3px;
}

#mailform input[type=radio] {
	display:inline;
	width:1em !important;
}

#mailform input[type=checkbox] {
	display:inline;
	width:1em !important;
}

#mailform input[type=submit] {
  background:none;
  padding:10px;
  background:#D0E3FF;
  margin:0 0 20px;
  cursor: pointer;
}

#mailform input[type=reset] {
  background:none;
  padding:10px;
  background:#F3DCEC;
  margin:0 0 20px;
  cursor: pointer;
}

#mailform textarea{
  border:1px solid #ccc;
  width:95% !important;
  min-height:30px;
  display:block;
  margin-bottom:15px;
  margin-top:5px;
  outline: none;

  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  -o-border-radius:3px;
  -ms-border-radius:3px;
  border-radius:3px;
}

#mailform dl dt{ 
	width:30%; 
	float:left; 
	text-align:right; 
	border-top:#AAA solid 1px;
	clear:both;
	margin:0 0 10px;
}

#mailform dl dd{ 
	width:65%; 
	float:left; 
	line-height:2em; 
	padding:0 10px 10px 10px;
	margin:0 0 10px;
	display:block; 
}

#mailform dl dt label{ 
	padding:10px 20px; 
	display:block;
}


/* =======================================

	Share CSS

========================================== */
/* Clearfix
========================================== */

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* pageTitle
========================================== */
#pageTitle {
	display:block;
}

/* Topicpath
========================================== */
#topicpath{
	display:block;
	border-bottom:#999999 solid 1px;
	margin:0 0 30px;
}

#topicpath ul{
	height:●●●●●●px;
	text-align:left;
	display:block;
	margin-top:5px;
	margin-bottom:5px;
}

#topicpath ul li {
	display:inline;
	font-size:82%;
	line-heighr:1.0;
}

#topicpath ul li a{
	padding:0 10px 0 0;
	color:#●●●●●●;
	text-decoration:underline;
	background-image:url(../images/common/topicpath.png);
	background-repeat:no-repeat;
	background-position:right center;
}

#topicpath ul li a:hover{
	color:#●●●●●●;
	text-decoration:none;
}



/* Copyright
========================================== */
small.copyright {
	display:block;
	text-align:center;
	padding:10px 0 40px;
	font-size:0.8em;
}

/* Img
========================================== */
.rightBox {
	clear:both;
	float:right;
	margin:0 0 10px 20px;
	display:inline;
}

.leftBox {
	clear:both;
	float:left;
	margin:0 0 10px 20px;
	display:inline;
}



/* Page Top
========================================== */
p#pageTop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
	width:130px;
	height:80px;
}

#wrapper p#pageTop a {
	width:130px;
	height:80px;
	background:url(../images/common/btnRise.png) no-repeat center top;
    text-indent:-999em;
	overflow:hidden;
	padding:0;
	display:block;
   _display: none;
}

/* .sTitle
========================================== */
#contents .sTitle {
	background: url(../images/common/icon01.png) repeat-y left top;
	padding:0 0 0 15px;
	margin:0 0 20px;
	font-size:1.3em;
	font-weight:bold;
	display:block;
}

#contents .sTitle02 {
	border-top:#999999 solid 1px;
	border-left:#999999 solid 1px;
	padding:10px 0 0 15px;
	margin:0 0 20px;
	display:block;
}


/* .tit01
========================================== */
#contents .tit01 {
	margin:0 0 20px;
	padding:5px 0 0 0;
}

#contents .tit01 span{
	border-top:#B9C998 solid 1px;
	padding:5px 0 0 0;
}

/* .sectionType01
========================================== */
.sectionType01 {
	display:block;
	background: url(../images/common/bgSection.jpg) center top repeat;
	margin:0 0 40px;
	border-top:#4D3168 solid 1px;
}

.sectionType01 .inSection{
	background: url(../images/common/bgSectionC.jpg) center top no-repeat;
}

.sectionType01 .pL{
	width:396px;
	padding:30px 0;
}

.sectionType01 .pR{
	width:538px;
	margin:-1px 0 0 0;
}

/* .sectionType02
========================================== */
#contents .sectionType02 {
	background: url(../images/common/bgPageContact.png) center top no-repeat;
	padding:186px 0 0 0;
}

.sectionType02 .inSection{
	display:block;
	border-top:#4D3168 solid 1px;
	margin:0 0 40px;
	padding:40px 0 0;
}

/* .sideNavi
========================================== */
#sideNavi{
	display:block;
	border:#AAA solid 1px;
	margin:0 0 50px;
	padding:0 0 10px 0;
}

#sideNavi dt{
	width:90%;
	margin:0 auto 10px;
	padding:10px 0 5px;
	border-bottom:#999999 dotted 1px;
	color:#888;
}

#sideNavi dd{
	padding:0 10px 10px 10px;
}

#sideNavi dd a{
	padding:0 0 0 20px;
	text-decoration:none;
	background: url(../images/common/icon03.png) no-repeat left center;
}

/* .dlType01
========================================== */
.dlType01 {
	display:block;
}

.dlType01 dt{
	width:70%;
	float:left;
	display:block;
}

.dlType01 dd{
	width:30%;
	float:right;
	display:block;
}

#contents .dlType01 dd a{
	background:#EAEAEA url(../images/common/icon02.png) no-repeat 95% center; 
	padding:5px 25px 5px 15px;
	text-decoration:none;
	color:#52526C;
	font-size:0.8em;
	float:right;
	-moz-border-radius: 5px;    /* 古いFirefox */
   	-webkit-border-radius: 5px; /* 古いSafari,Chrome */
   	border-radius: 5px;         /* CSS3 */
}

#contents .dlType01 dd a:hover{
	background:#CACACA url(../images/common/icon02.png) no-repeat 95% center; 
	color:#000;
}

/* .dlType02
========================================== */
.dlType02 {
	display:block;
	margin:0 0 20px;
}

.dlType02 dt{
	width:30%;
	float:left;
	display:block;
}

#contents .dlType02 dd{
	width:65%;
	font-size:0.9em;
	float:right;
	display:block;
}

/* .ulType01
========================================== */
.ulType01 {
	display:block;
	margin:0 0 20px;
}

.ulType01 li{
	padding:0 0 20px;
}

/* .ulTypeSbox
========================================== */
.ulTypeSbox {
	display:block;
	margin:0 0 20px;
}

.ulTypeSbox li{
	width:33%;
	float:left;
	display:block;
	margin:0 0 10px 0;
}

.ulTypeSbox li a{
	width:90%;
	display:block;
	margin:0 auto;
}

/* .hrType01
========================================== */
.hrType01 {
    border: 0;
    height: 1px;
    background: #7597BA;
    background-image: -webkit-linear-gradient(left, #ccc, #7597BA, #ccc);
    background-image:    -moz-linear-gradient(left, #ccc, #7597BA, #ccc);
    background-image:     -ms-linear-gradient(left, #ccc, #7597BA, #ccc);
    background-image:      -o-linear-gradient(left, #ccc, #7597BA, #ccc);
}

/* .hrType02
========================================== */
.hrType02 {
	border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}



/* .tableType00
========================================== */
.tableType00{
	width:100%;
}

.tableType00 th{
	text-align:center;
	padding:0 0 10px;
}

.tableType00 .ele01{
	padding:0 10px 30px;
}

/* .tableType01
========================================== */
.tableType01{
	width:100%;
	border-top:#B9C998 solid 1px;
	border-left:#B9C998 solid 1px;
}

.tableType01 th{
	border-bottom:#B9C998 solid 1px;
	padding:15px 10px;
	background:#F9F3FC;
}

.tableType01 td{
	border-right:#B9C998 solid 1px;
	border-bottom:#B9C998 solid 1px;
	padding:15px 10px;
	background:#FFF;
}