@charset "utf-8";

@import url("./common/base.css");
@import url("./common/module.css");

/* ------------------------------------------------------------
    Main Layout
   ------------------------------------------------------------ */

body {
	background-image: url(http://konchi-static.kayac.jp/pc/images/common/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
div#container {
	background-image: url(http://konchi-static.kayac.jp/pc/images/top/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
p {
color:#3579CA;
font-size:12px;
line-height:1.5;
}

div#main .capError {
color: #FF0000;
font-size:12px;
padding-bottom: 5px;
}

/*  content
   ------------------------------------------------- */

div#content {
	width: 950px;
	margin-right: auto;
	margin-left: auto;

}
div#content #header {
	position: relative;
	width: 950px;
	height: 156px;
	background-image: url(http://konchi-static.kayac.jp/pc/images/common/bg_menu.jpg);
	background-repeat: no-repeat;
	background-position: 185px 85px;
}

div#content #header h1 {
	position: absolute;
	top: 71px;
	left: 37px;
}

/* contMenu */



div#contMenu {
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
	background-position: center top;
}

div#contMenu ul {
	position: absolute;
	left: 235px;
	top: 85px;
}
div#contMenu ul li {
	float: left;
}
div#content #header h2 {
	position: absolute;
	left: 14px;
	top: 14px;
}

div#content #header p#intro {
	position: absolute;
	left: 238px;
	top: 49px;
}
div#content #header #contSitemenu {
	position: absolute;
	top: 24px;
	right: 0px;
}

div#content #header ul#contSitemenu li {
	float:left;
	padding-left: 4px;
}


/*  footer
   ------------------------------------------------- */
div#footer {
	clear: both;
	background-image: url(http://konchi-static.kayac.jp/pc/images/common/bg_footer.jpg);
	background-repeat: repeat-x;
	margin-top: 23px;
	height: 237px;
}
div#footer #copyright {
	text-align: center;
	padding-bottom: 5px;
	padding-top: 10px;
}


div#footer ul#kayacProject {
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	width: 950px;
}

div#footer ul#kayacProject li ,
div#footer ul#kayacProject li a {
	padding-right: 10px;
	color: #9074E3;
	float: left;
	text-decoration:none;
	padding-bottom: 2px;
}
div#footer #imgQRfooter {
	text-align: center;
	padding-top: 40px;
}
div#footer ul#kayacProject li strong ,
div#footer ul#kayacProject li a strong {
	text-decoration:none;
	font-weight:bold;

}

/*  main common style
   ------------------------------------------------- */
div#content #main {
	background-image: url(http://konchi-static.kayac.jp/pc/images/common/bg_middle.jpg);
	background-repeat: repeat-y;
	clear: both;
	margin-top: 10px;
}

div#content #main #contBtm {
	background-image: url(http://konchi-static.kayac.jp/pc/images/common/bg_bottom.jpg);
	height: 20px;
	clear: both;
}
div#content #main #contMain {
    background-image: url(http://konchi-static.kayac.jp/pc/images/common/bg_top.jpg);	
	background-repeat: no-repeat;
}
div#content #main #contMain h2 {
	padding-top: 25px;
	padding-left: 25px;
	padding-bottom: 25px;
}
body#friend #main #contMain h2 {
	padding-top: 25px;
	padding-bottom: 0px;
}
div#content #main #contMain h3 {
	padding-left: 25px;
	background-color: #C5FFF3;
	height: 25px;
	padding-top: 10px;
	padding-bottom: 3px;
}

div#content #main #contMain #btnConf {
	text-align: center;
	clear:both;
}

/*  inquiry 
   ------------------------------------------------- */

div#content #main #contMain #contForm {
	padding-top: 20px;
	padding-left: 25px;
}
div#content #main #contMain #contForm dt {
	float: left;
	clear: both;
	padding-bottom: 30px;
	padding-right: 30px;
	width: 200px;
}

div#content #main #contMain #contForm dd {
padding-bottom:30px;
width:680px;
}
div#content #main #contMain #contForm dd input.areaForm {
	border: 5px solid #3EB7EE;
}

div#content #main #contMain #contForm dd textarea {
	border: 5px solid #3EB7EE;
	width:400px;
}
div#main #contMain p {
	padding: 10px 25px;
}

#content #main #contMain .contBox ul.frmBtn {
text-align:center;
padding:20px;
	clear: both;
	padding-left: 350px;
}
#content #main #contMain .contBox ul.frmBtn li {
float:left;
padding-left:20px;
}
div#content #main #contMain #contForm dd input.areaForm {
	width:400px;
}
/*  Friend
   ------------------------------------------------- */
div#content #main #contMain p.imgFriend {
	padding-top: 0px;
	padding-bottom: 0px;
}
div#content #contArea {
	margin-top: 15px;
}
/*  howto
   ------------------------------------------------- */
div#content #main #contMain p.imgHowto {
	padding-top: 0px;
	padding-bottom: 25px;
}
div#main #contMain .unitHowto1 {
	background-image: url(http://konchi-static.kayac.jp/pc/images/howto/img1.jpg);
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-left: 20px;
	height: 307px;
	width: 908px;
}

div#main #contMain .unitHowto2 {
	background-image: url(http://konchi-static.kayac.jp/pc/images/howto/img2.jpg);
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-left: 20px;
	height: 307px;
	width: 908px;

}

div#main #contMain .unitHowto3 {
	background-image: url(http://konchi-static.kayac.jp/pc/images/howto/img3.jpg);
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-left: 20px;
	height: 270px;
	width: 908px;
}
div#main #contMain .unitHowto4 {
	background-image: url(http://konchi-static.kayac.jp/pc/images/howto/img4.jpg);
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-left: 20px;
	height: 290px;
	width: 908px;
}

div#main #contMain .unitHowto5 {
	background-image: url(http://konchi-static.kayac.jp/pc/images/howto/img5.jpg);
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-left: 20px;
	height: 290px;
	width: 908px;
}

div#main #contMain .unitHowto1 p  {
	padding-top: 20px;
	padding-left: 30px;
	color: #EC6923;
	font-size: 14px;
	width: 460px;
	font-weight:bold;
}

div#main #contMain .unitHowto4 p {
	padding-top: 20px;
	padding-left: 30px;
	color: #EC6923;
	font-size: 14px;
	width: 460px;
	font-weight:bold;
}
div#main #contMain .unitHowto2 p ,
div#main #contMain .unitHowto5 p {
	padding-top: 20px;
	padding-left: 30px;
	color: #6B9EEF;
	font-size: 14px;
	width: 460px;
	font-weight:bold;
}
div#main #contMain .unitHowto3 p {
	padding-top: 20px;
	padding-left: 30px;
	color: #67C94E;
	font-size: 14px;
	width: 460px;
	font-weight:bold;
}
	
body#howto #container #content #main #contMain h3 {
	padding-left: 25px;
	background-color: transparent;
	padding-top: 25px;
	height:auto;
}