@charset "UTF-8";
/*common
***********************************************************/

body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	text-align: center;
	font-size: 100.01%;
}

a {
	text-decoration: none;
}

body, h1, h2, h3, h4, h5 p, li, td, input, select, textarea {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;

}

img {
	border: 0;
}

form,
input,
select {
	margin: 0;
	padding: 0;
	
}

.leftbox {
	float: left;
}

.rightbox {
	float: right;
}

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

p, 
li, 
td {
	font-size: 12px;
	color:#333;
	margin: 0 0 10px;
	padding: 0;
	line-height: 1.4;
}

p.strong {
	font-weight:bold;
}

a {
	color: #333399;
}

a:hover {
	color: #990000;
}

.note {
	color:#333;
	font-size: 95%;
	font-weight: normal;
	font-style: normal;
}

em {
	font-weight: bold;
	font-style: normal;
}

strong {
	font-weight:bold;
	font-style: normal;
	color: #000;
}

#powered-by{
	text-align: center;
	margin: 20px 0 0;
	font-size: 10px;
}

/*
.totop{
	text-align: right;
	margin: 10px 0;
	font-size: 10px;
}
*/

.text-right{
	text-align: right;
}

.text-center {
	text-align: center;
}

.mobile-only {
	display: none;
}

.pc-only { 
	display: inline;
}


/*layout***********************************************/
#base {
	margin: 0 auto;
	padding: 0;
	width: 570px;
	text-align: left;
	border: 1px solid #ccc;
}

#contents {
	padding-top: 10px;
	margin: 0 18px;
}

/*contents-inner*/
#contents .contents-inner {
	margin: 10px 15px;
}

/*pagetitle***********************************************************/

#contents #pagetitle {
	padding: 3px 5px 3px 3px;
	margin: 0 0 15px 0;
	border: 1px solid #999999;
	background-color: #fff;
}

#contents #pagetitle h2 {
	margin: 0;
	padding: 1px 0 0px 5px;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	border-left: 5px solid #333;
	color: #000000;
}

/*footer
***********************************************************/

#footer {
	padding: 3px 10px;
	background-color: #eeeeee;
	font-size: 10px;
	line-height:100%;
	clear: both;
	color:#666;
}

#footer .leftbox {
	text-align: left;
}

#footer .rightbox {
	text-align: right;
}

/*form*************************************************/

#contents .needinfo {
	text-align: right;
	font-size: 12px;
	color:#000;
}

#contents .itembox {
	border-top: 2px solid #666;
	border-bottom: 1px solid #666;
	margin-bottom: 15px;
	background:url(../images/form-back.gif) repeat-y;
}

#contents .itemunit {
	border-bottom: 1px solid #666;
}

#contents .itemunit .item, 
#contents .itemunit .data{
	margin: 0;
	vertical-align: top;
	padding: 10px 10px;
	line-height: 160%;
	font-size: 12px;
	color:#333;
}

#contents .itemunit .item {
	width: 100px;
	float: left;
}

#contents .itemunit .data {
	width: 340px;
	float: right;
}

#contents .itemunit .textbox1, 
#contents .itemunit .textbox2, 
#contents .itemunit .textbox3,
#contents .itemunit .textbox4 {
	border-top: 1px solid #666;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #666;
	background-color: #f3f3f3;
	font-size: 12px;
}

#contents .itemunit .textbox1 {
	height: 18px;
	width: 320px;
}

#contents .itemunit .textbox2 {
	height: 18px;
	width: 200px;
}

#contents .itemunit .textbox3 {
	height: 18px;
	width: 320px;
}

#contents .itemunit .textbox4 {
	width: 320px;
}

#contents .itemunit .selectbox {
	height: 18px;
	width: 200px;
}

#contents .need {
	color:#990000;
	font-size: 10px;
	padding-left: 3px;
	padding-right: 3px;
	font-weight: bold;
}

#contents .buttonunit {
	text-align: center;
	
}

#contents .buttonunit .formbutton {
	width: 6em;
	margin: 0 10px;
}

/*mail-post****************************************************/

#contents .contents-inner#mailpost {
	margin: 10px 15px;
	height: 400px;
}