@charset "euc-jp";
@import url(nav.css);

/*--------------------------------
Redefine defalt value of HTML TAGs
--------------------------------*/
html,body {
	font-family: "MS PGothic", "MS Gothic", sans-serif, serif;
	font-size: 12px;
	color: #727272;
	margin: 0;
	padding: 0;
	background: url(../images/bg.gif) repeat;
}
* {
	margin: 0;
	padding: 0;
}
img {
	border: none;
}

/*-------------------------------
Style Sheets that use in all page
-------------------------------*/
.clear {
	clear: both;
}
div#wrapper {
	width: 786px;
	background: url(../images/bg_main.gif) repeat-y;
}
div#header {
	width: 780px;
	height: 58px;
	background: url(../images/hd_logo.jpg) left top no-repeat;
}
	div#header h1 {
		font-size: 12px;
		text-align: right;
		padding-top: 30px;
	}
div#imghead {
	display:block;
	width: 780px;
	height: 149px;
	margin:0px;
	padding:0px;
	background: transparent url(../images/hd_img.jpg) no-repeat;
}
div#imghead .contact_form {
	padding:10px 10px 0px 500px;
}
div#imghead .contact_form a {
	display		:block;
	width		:233px;
	height		:72px;
	background	:transparent url(../images/link_form.jpg) no-repeat;
	text-indent	:-9999px;
	}
div#imghead .txt {
	color:#0774e4;
	font-weight:bold;
	line-height:15px;
	padding:34px 10px 0px 155px;
}
div#imgheadinner {
	display:block;
	width: 780px;
	height: 149px;
	margin:0px;
	padding:0px;
	background: transparent url(../images/hd_inside.jpg) no-repeat;
}
div#imgheadinner .contact_form {
	padding:10px 10px 0px 500px;
}
div#imgheadinner .contact_form a {
	display		:block;
	width		:233px;
	height		:72px;
	background	:transparent url(../images/link_form.jpg) no-repeat;
	text-indent	:-9999px;
	}
div#imghead .txt1 {
	color:#0774e4;
	font-weight:bold;
	line-height:15px;
	padding:34px 10px 0px 155px;
}

#footer {
	width: 786px;
	height: 76px;
	background: url(../images/footer.gif) no-repeat;
}
	#footer p {
		padding-top:25px;
		text-align:center;
		line-height:16px;
		color:#FFFFFF;
	}
	#footer p a {
		color:#FFFFFF;
		text-decoration:none
	}
	#footer p a:hover{
		color:#000000;
		text-decoration:none;
	}
/*---------------------------------
Style Sheets that use with Top Page
---------------------------------*/
p#word {
	width: 775px;
	height: 13px;
	padding: 2px 0 2px 5px;
}
div#indexctn {
	width: 780px;
	background: url(../images/bg_left.gif) repeat-y;
}
div#indexleft {
	width: 206px;
	float: left;
}
	div#indexleft address {
		width: 192px;
		margin-bottom: 3px;		
		padding: 5px 4px 3px 5px;
		background: #e3e9ea;
		color: #7a7a7a;
		font-style: normal;
	}
	div#indexleft p#qrcode {
		width: 192px;
		margin-top: 10px;		
		padding: 5px 4px 3px 5px;
		text-align: center;
		line-height: 17px;
		color: #7a7a7a;
		font-size: 10px;
	}
	div#indexleft p#qrcode a {
		color: #7a7a7a;
		text-decoration: none;
	}
	div#indexleft p#qrcode a:hover {
		color: #006699;
		text-decoration: none;
	}
div#indexright {
	width: 564px;
	float: right;
}
	div#indexright .about {
		width: 527px;
		margin-bottom: 1px;
		padding: 5px 3px 5px 25px;
		line-height: 16px;
		color: #615731;
		background: #f0eee6;
	}
	div#indexright .about li {
		list-style-image: url(../images/arrow.gif);
		padding-left: 5px;
	}
	div#indexright p.aboutbutton {
		width: 553px;
		margin-top: 3px;
		margin-bottom: 3px;
		text-align: right;
	}
	div#indexright p.aboutbutton .head-title{
		margin: 0 auto 20px;
		display:block;
	}
	div#indexright .abouttext {
		width: 555px;
		margin-bottom: 1px;
		padding: 5px 0px 3px 0px;
		line-height: 16px;
		color: #615731;
			}
	div#indexright .abouttext li {
		list-style: none;
		height: 19px;
		background-image: url(../images/bg_con.gif);
		padding: 2px 0px 2px 30px;
	}
	div#indexright p.aboutcom {
		padding-left: 30px;
		width: 525px;
		font-weight:bold;
		line-height:16px;
		color:#615731;
	}
	div#indexright blockquote {
		width: 494px;
		margin: 5px 0;
		padding: 10px;
		background: url(../images/bg_com.gif);
		line-height: 17px;
		color: #615731;
		border: 1px dotted #615731;
	}

/*------------------------------------------
Style Sheet Use in Greeting and Profile Page
------------------------------------------*/
div#greet_pro_ctn {
	width: 770px;
	padding: 0 5px;
	background: url(../images/bg_inside.gif) repeat-y 7px 0; 
}
div#greet_pro_left {
	width: 610px;
	float: left;
	margin-top: 1px;
	padding: 3px;
}
	div#greet_pro_leftctn {
		width: 597px;
		margin-bottom: 3px;
		padding: 5px;
		color: #615731;
		line-height:16px;
		background: #f0eee6;
	}
	p#greet_pro_leftctn_fright {
		width: 597px;
		margin-bottom: 3px;
		padding: 5px;
		color: #615731;
		line-height:16px;
		text-align: right;
		font-weight: bold;
	}
	p#greet_pro_leftctn_fleft {
		width: 597px;
		margin-bottom: 3px;
		padding: 5px;
		color: #615731;
		line-height:16px;
		text-align: left;
		font-weight: bold;
	}
div#greet_pro_right {
	width: 145px;
	float: right;
	margin-top: 1px;
	text-align: center;
}

/*------------------------------------------------
Style Sheet Use in Saimu, Saimugen and Soudan Page
------------------------------------------------*/
div#fullcontent {
	width: 776px;
	padding: 3px;
}
div.saimudetails {
	width: 764px;
	padding: 5px;
	color: #615731;
	line-height: 16px;
	background-color: #f0eee6;
}
div#soudancontent {
	width: 760px;
	margin: 1px auto;
	padding: 5px;
	background: url(../images/bg_soudan.gif) right top repeat-y;
}
.border {
	border: 1px #666666 solid;
	margin: 5px 0;
}
div#soudanleft {
	float: left;
	width: 168px;
	margin-top: 1px;
	text-align: center;
}
div#soudanright {
	float: right;
	width: 573px;
	margin-top: 1px;
	padding: 3px;
}
div#soudandetails {
	color: #615731;
	line-height: 16px;
	background: #f0eee6;
	padding: 5px;
}
.form {
	border: #666666 1px solid;
	color: #615731;
	padding: 3px;
	background: #f0eee6;
	margin: 10px 0;
}
.center {
	margin: 20px 0;
	text-align: center;
	clear: both;
}
.button {
	padding: 2px 10px 2px 10px;
	border: 1px #666666 solid;
	color:#666666;
	text-decoration: none;
}
.timework{ margin-top:5px; }