@charset "UTF-8";



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

	File Name   : contact.css

	Description : Contact Page Layout CSS

	Editors     : NS Sakurai

	Create Date : 2012/02/14



	Update Description :

		2012/02/14 Append - Basic Styles [Sakurai]

		2012/02/14 File Create

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



/*========== Style Contents ==========



	1. Individual Redefinition

	2. 

	3. 

	4. Download Button

	5. 

	6. 

	7. 

	*. Clear Release

	

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











/* Title Setting */

h1 em {

	width: 879px;

	height: 30px;

}



/*===== ■2. Sponcer =====*/

h2 {

	width: 879px;

	height: 38px;

	background-color: #6b57a3;

}

h2 strong {

	font-size: 123.1%;

	color: #FFFFFF;

	padding: 10px 0 0 15px;

	display: block;

}

#Sponcer p {

	margin: 10px 0px 10px 0px;

}



#Sponcer .btn {

	padding: 0px 0px 30px 0;

	clear: both;

}

#Sponcer .btn li {

	display: inline;

}



#Sponcer .photo {

	padding: 0;

	clear: both;

	margin: 0 0 20px 0;

	display: block;

	height: 404px;

}

#Sponcer .photo li {

	margin: 0px 10px 10px 0;

	padding: 0;

	float: left;

	height: 192px;

	width: 282px;

	display: block;

}











/*===== ■3. SponcerLimitation =====*/

#SponcerLimitation p {

	margin: 10px 0px 20px 0px;

}

#SponcerLimitation h3 {

	margin: 10px 0px;
	font-size:250%;
	font-weight:bold;
	color:#8e7eba;

}

#SponcerLimitation .price {

	float: left;

	width: 550px;

}

#SponcerLimitation .price dt span {

	float: left;

	margin-right: 10px;

}

#SponcerLimitation .price dt em {

	display: block;

	width: 300px;

	padding-top: 4px;

	color: #6B57A3;

	font-weight: bold;

}

#SponcerLimitation .price dd{

	margin: 20px 10px;

	clear: both;

}

#SponcerLimitation .box {
	width: 849px;
	background: #F0F0F0;
	color:#333333;
	padding: 15px;
	margin: 0px 0px 20px 0px;
}

#SponcerLimitation .box ul {

	float: left;

	margin: 0px 20px 10px 0px;

}

#SponcerLimitation .box li {

	margin: 5px 0px;

}

#SponcerLimitation .box p {

	clear: both;

	margin: 0px 0px 10px 0px;

}

#SponcerLimitation .days {

	width: 880px;

}

#SponcerLimitation .days dt {

	float: left;

	padding: 15px 10px;

	margin-right: 5px;

	background:#999999;
	color:#ffffff;

	font-weight:bold;
	font-size:110%;

}

#SponcerLimitation .days dd {

	font-size: 0.9em;

}

#SponcerLimitation .line {

	clear: both;

	margin: 30px 0px;

}



/*===== ■4. SponcerLimitationLight =====*/

#SponcerLimitationLight {

	margin-bottom: 50px;

	background: url(../img/ttl_sponcer_02_bg.jpg) no-repeat top right;

	margin-top:20px;
	border-top:dotted 2px #4f4f4f;

}

#SponcerLimitationLight p {

	margin: 10px 0px 20px 0px;

}

#SponcerLimitationLight h3 {

	margin: 10px 0px 20px 0px;
	font-size:250%;
	font-weight:bold;
	color:#8e7eba;
}

#SponcerLimitationLight .price {

	float: left;

	width: 550px;

}

#SponcerLimitationLight .price dt span {

	float: left;

	margin-right: 10px;

}

#SponcerLimitationLight .price dt em {

	display: block;

	width: 300px;

	padding-top: 4px;

	color: #6B57A3;

	font-weight: bold;

}

#SponcerLimitationLight .price dd{

	margin: 20px 10px;

	clear: both;

}

#SponcerLimitationLight .box {
	width: 849px;
	background: #F0F0F0;
	color:#333333;
	padding: 15px;
	margin: 0px 0px 20px 0px;
}

#SponcerLimitationLight .box ul {

	float: left;

	margin: 0px 20px 10px 0px;

}

#SponcerLimitationLight .box li {

	margin: 5px 0px;

}

#SponcerLimitationLight .box p {

	clear: both;

	margin: 0px 0px 10px 0px;

}

#SponcerLimitationLight .days , #SponcerGeneral .days {

	width: 880px;

}



#SponcerGeneral .days { margin-bottom:30px;

	}



#SponcerLimitationLight .days dt , #SponcerGeneral .days dt {

	float: left;

	padding: 15px 10px;

	margin-right: 5px;

	background:#999999;
	color:#ffffff;

	font-weight:bold;
	font-size:110%;


}

#SponcerLimitationLight .days dd , #SponcerGeneral .days dd {

	font-size: 0.9em;

}

#SponcerLimitationLight .line {

	clear: both;

	margin: 30px 0px;

}

#SponcerLimitationLight .btn {

	padding: 30px 0px 30px 0;

	clear: both;

}

#SponcerLimitationLight .btn li {

	float: left;

	margin-right: 5px;

}

#SponcerLimitationLight .btn .small {

	padding-top: 10px;

}



/*===== ■5. SponcerGeneral =====*/

#SponcerGeneral p {

	margin: 10px 0px 20px 0px;

}

#SponcerGeneral h3 {

	margin: 10px 0px 20px 0px;
	font-size:250%;
	font-weight:bold;
	color:#8e7eba;
}

#SponcerGeneral .btn li {

	float: left;

	margin-right: 5px;

}

#SponcerGeneral .btn .small {

	padding-top: 10px;

}

#SponcerGeneral .photo {

	padding: 30px 0px 30px 0;

	clear: both;

}

#SponcerGeneral .photo li {

	margin: 0px 10px 10px 0;

	padding: 0;

	float: left;

}



/*===== ■6.  =====*/

#BtnDownload_top {

	height: 138px;

	width: 480px;

	margin: 30px auto;

	display: block;

}



#BtnDownload_top li a {

	background-image: url(../../common/img/img_btn.jpg);

	height: 130px;

	width: 440px;

	display: block;

	background-position: 0px -360px;

}



#BtnDownload_top li a:hover {

	background-position: 0px -505px;

}









/*===== ■7.  =====*/











/*===== ■8.  =====*/













/*===== ■*.Clear Release  =====*/