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

**  

    CSS coding by Empire Elements - www.empire-elements.co.uk

    Contact us on : info@empire-elements.co.uk

	UK Mobile: 07891 226 702   Tel: 020 8816 8289

	

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

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

**  Global

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

body {

	}

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

**  Main Container

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

#Container {

	width: 800px;

	text-align: justify;

	margin-right: auto;

	margin-left: auto;

	position: relative;

	padding: 10px;

	font-family: "Arial", "ＭＳ ゴシック", Helvetica, sans-serif;

}

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

**  Main Container

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

#Top 

{

	height: 45px;

	line-height: 16px;

	font-size: 14px;

	text-align: right;

}

#Top img 

{

	float: left;

	border: 0px;

}



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

**  Top Navigation

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

#nav

{

	font-size: 24px;

	height: 23px;

	width: 800px;

	margin-top: 5px;

	margin-bottom: 30px;

	border-bottom-width: 3px;

	border-bottom-style: solid;

	border-bottom-color: #f8b500;

	padding: 0px;	

	text-align: right;

	line-height: 23px;

	text-decoration: none;

	border-left: 1px solid #CCCCCC;	

}

.tel {

	font-size: 12px;

	font-weight: normal;

	line-height: 23px;

}

div#nav a {

	font-weight: bold;

	font-size: 14px;

	color: #313131;

	text-decoration: none;

}

div#nav a:hover {

	text-decoration: none;

}

div#nav ul {

	list-style: none;

	width: 800px;

	display: inline;

	margin-left: 0px;

	padding-left: 0px;

}

div#nav ul li {

	list-style: none;

	width: 80px;

	float: left;

	text-align: center;

	font-size: 14px;

	font-weight: bold;

	border-right: 1px solid #CCCCCC;	

}



div#nav ul li a {

	display: block;

	width: 100%;

	color: #313131;

	text-decoration: none;

	font-size: 14px;

}

div#nav ul li a:hover {

	display: block;

	color: #FFFFFF;

	background-color: #f8b500;

}

div#nav ul li#current {

	background-color: #f8b500;

}



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

**  Top Image

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

div#TopImage {

	width: 800px;

 	text-align: right;

 	font-size: 10px;

 	font-weight: normal;

	background-image: url("img/top.jpg");

	background-repeat: no-repeat;

}

.c {

	font-size: 20px;

	font-weight: bold;

	line-height: 23px;

}

	

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

**  MainText

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

/* Container Start*/

div#MainText {

	width: 800px;

	font-size: 14px;

}

div#MainText a {

	color: #f8b500;

}

div#MainText img {

	border: 0px;

}

div#MainText h1 {

	height: 30px;

	line-height:30px;

	font-size: 16px;

	font-weight: bold;

	text-align: center;

	color: #FFFFFF;

	background-color: #f8b500;

}

div#MainText h1 a {

	height: 30px;

	line-height:30px;

	display: block;

	color: #313131;

	text-decoration: none;

	background-color: #E6E6E6;

}

div#MainText h1 a:hover

{

	text-decoration: none;

	color: #FFFFFF;

	background-color: #f8b500;

}

div#MainText h2{

	height: 25px;

	line-height:25px;

	font-size: 14px;

	font-weight: bold;

	color: #313131;

	margin: 1px;

	border-left-width: 3px;

	border-left-style: solid;

	border-left-color: #949494;

}

div#MainText h2 a {

	height: 25px;

	line-height:25px;

	color: #313131;

	text-decoration: none;

	background-color: #E6E6E6;

	display: block;

	width: 100%;

}

div#MainText h2 a:hover {

	color: #FFFFFF;

	background-color: #f8b500;

}

div#MainText h3 {

	height: 25px;

	line-height:25px;

	font-size: 14px;

	font-weight: bold;

	color: #FFFFFF;

	background-color: #f8b500;

	margin: 1px;

	border-left-width: 3px;

	border-left-style: solid;

	border-left-color: #949494;

	text-decoration: none;

}

#MainText hr {

	height: 0px;

	color: #CCCCCC;

	margin-bottom: 20px;

}

#MainText table {

	border-bottom: 1px solid #dddddd;

	margin-bottom: 25px;

	margin-top: 10px;

	margin-left: 20px;

	width: 450px;

}

#MainText table td {

	padding-top: 5px;

	padding-bottom: 5px;

	vertical-align: top;

	border-top: 1px solid #dddddd;

}

div#MainText ul {

 	text-align: left;

	padding-top: 138px;

	padding-left: 8px;

	margin-bottom: 30px;

	margin-left: 0px;

}

div#MainText ul li {

	line-height:20px;

	float: left;

	width: 180px;

	height: 300px;

	margin-bottom: 30px;

	margin-right:8px;

	padding: 4px;

	display: block;

	border: 1px solid #dddddd;

}

div#MainText ul li a {

	color: #313131;

	text-decoration: none;

	display: block;

}



/* Container Left Start*/

#MainText-left {

	line-height:20px;

	width: 180px;

	height: 245px;

    float: left;

    padding: 4px;

    border: 1px solid #dddddd;

}



/* Container Right Start*/

div#MainText-right {

	float: right;

	width: 490px;

	font-weight: normal;

	color: #666666;

	line-height: 20px;

	padding-right: 100px;

	margin-bottom: 20px;

}

div#MainText-right img {

	float: right;

	margin-left: 20px;

}

div#MainText-right h1 {

	margin-top:0px;

}

div#MainText-right h2 {

	width: 280px;

}

div#MainText-right h3 {

	width: 280px;

}



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

**  Footer

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

div#Footer {

	width: 755px;

	clear: both;

	font-size: 12px;

	text-align: right;

	margin-top: 10px;

	border-top-width: 3px;

	border-top-style: solid;

	border-top-color: #f8b500;

	padding-left: 45px;

	padding-top: 5px;

	margin-bottom: 20px;

}

div#Footer ul {

	margin: 2px;

	float: left;	

}

div#Footer li {

	color: #313131;

	width: 60px;

	list-style: none;

	display: block;

	float: left;

	text-align: center;

	border-right: 1px solid #CCCCCC;	

	line-height: 14px;

}

div#Footer a {

	color: #313131;

	font-weight: bold;

	text-decoration: none;

}

div#Footer a:hover {

	color: #f8b500;

	text-decoration: none;

}

	

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

**  Mail Form

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

label{

	margin:0 3px;

}



input {}

textarea {

	font-family: "Arial", "ＭＳ ゴシック", Helvetica, sans-serif;

}



select {}

option {}



input[type=radio],

input[type=checkbox] {

	margin-right:0.3em;

}



button,

input[type="checkbox"],

input[type="radio"],

input[type="reset"],

input[type="submit"] {

	padding:1px;

}

/* 必須 */

.require {

	color: #CC0000;

}



/* ボタン */

.button {

	text-align: center;

	margin-top: 20px;

}

.button button#submit {

	border:solid 2px;

	border-color: #313131;

	width: 120px;

	background-color: #E6E6E6;

	margin: 0 10px 0 0;

	line-height: 23px;

	cursor: pointer;

	font-weight: bold;

}

.button button#reset {

	border: solid 1px;

	border-color: #313131;

	width: 120px;

	background-color: #FFFFFF;

	line-height: 25px;

	margin: 0 10px 0 0;

	cursor: pointer;

	font-weight: bold;

}

/* 確認画面のテーブル */

table#confirm {

	border-bottom: 1px solid #dddddd;

	margin-bottom: 25px;

	margin-top: 10px;

	width: 450px;

}

table#confirm td  {

	vertical-align: top;

	border-top: 1px solid #dddddd;

}

/*入力エラーメッセージには<strong>タグが付く*/

table#confirm td strong {

	color:#A82B2B;

}

/* Message()のメッセージ */



/*エラー*/

span.err{ 

	color:#CC0000; 

	font-weight:bold 

}



/*エラーなし*/

span.conf{ 

	color:#339933; 

}



/*エラー画面用　（init.php内）*/

/*body id="error"*/

div.err_message {

	padding:50px 0 0 0;

}

.err_message p {

	margin-bottom:50px;color:#A82B2B;

}

/*サンプルの完了画面　（completion.html用）*/

.success {

	padding:50px 0;

}

/*copyright*/

.zm_copyright {

	margin-top:30px;

	font-size:12px;

}

.zm_copyright a{

	color:#AABCE8;

}