/***************************************
 * common.css
 ***************************************/

/* [layout] //////////////////////////*/
* {
	margin: 0;
	padding: 0;
}
html {
	background: url(../images/bg.jpg);
}
body {
	font-size: 90%;
	font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
	color: #333;
	font-size: 12px;
	background: url(../images/bg_header.jpg) repeat-x 0px 104px;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
img {
	border: none;
}
input, textarea, select {
	font-size: 1em;
}
option {
	padding: 0 3px;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
li {
	list-style: none;
}

/* [#header] //////////////////////*/
#header {
	background: url(../images/header.jpg) center 0px no-repeat;
	margin: auto;
}
.head_menu {
	overflow: hidden;
	width: 820px;
	margin: 0 auto;
}

/* .logo */
.head_menu div.logo {
	text-indent: -9999px;
	width: 300px;
	float: left;
}
.head_menu div.logo a {
	display: block;
	width: 300px;
	height: 74px;
}

/* head_menu */
.head_menu ul {
	overflow: hidden;
	width: 330px;
	margin-left: 190px;
	float: right;
}
.head_menu li{
	text-indent: -9999px;
	float: left;
}
.head_menu li a{
	display: block;
	height: 22px;
}
.head_menu li.hm1 a {
	width: 88px;
	background: url(../images/bt_head1.jpg);
}
.head_menu li.hm2 a {
	width: 153px;
	background: url(../images/bt_head2.jpg);
}
.head_menu li.hm3 a {
	width: 89px;
	background: url(../images/bt_head3.jpg);
}
.head_menu li a:hover { background-position: 0px 22px; }

/* head_text */
.head_menu p {
	padding-top: 27px;
	font-size: 95%;
	color: #666;
	float: right;
}

/* [#head_navi] //////////////////////*/
#head_navi {
	background: url(../images/bg_navi.jpg) repeat-x;
}
#head_navi ul {
	width: 820px;
	height: 31px;
	margin: 0 auto;
}
#head_navi li {
	float: left;
	overflow: hidden;
	text-indent: -9999px;
}
#head_navi li a {
	height: 31px;
	display: block;
}
#head_navi li.nv1 a {
	width: 235px;
	background: url(../images/bt_01.jpg);
}
#head_navi li.nv2 a {
	width: 238px;
	background: url(../images/bt_02.jpg);
}
#head_navi li.nv3 a {
	width: 129px;
	background: url(../images/bt_03.jpg);
}
#head_navi li.nv4 a {
	width: 126px;
	background: url(../images/bt_04.jpg);
}
#head_navi li.nv5 a {
	width: 90px;
	background: url(../images/bt_05.jpg);
}
#head_navi li a:hover { background-position: 0px 31px; }

/* [#wrapper] ////////////////////////*/
#wrapper {
	overflow: hidden;
	width: 100%;
	background: url(../images/wrap_bg.jpg) repeat-x ;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}

/* [#container] //////////////////////*/
#container {
	overflow: hidden;
	width: 792px;
	margin: 0 auto;
	padding: 0 13px;
	background: #fff;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}

/* [#pan] ///////////////////////////*/
#pan {
	height: 20px;
	line-height: 20px;
	font-size: 90%;
}
#pan li {
	float: left;
}

/* [#main] ///////////////////////////*/
#main {
	width: 609px;
	margin: 0 0 10px;
	float: right;
}

/* contact */
.contact a {
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	width: 584px;
	height: 239px;
	margin-left: 12px;
	background: url(../images/plate_gosoudan.jpg) no-repeat;
}

/* [#sidebar] ///////////////////////////*/
#sidebar {
	width: 173px;
	line-height: 1.5;
	margin: 0 0 10px;
	font-size: 90%;
	float: left;
}
#sidebar h3 {
	text-indent: -9999px;
	height: 30px;
}
#sidebar h3.sm1 { background: #F0F0F0 url(../images/left_caption1.jpg) no-repeat 0px top; }
#sidebar h3.sm2 { background: #F0F0F0 url(../images/left_caption2.jpg) no-repeat 0px top; }
#sidebar h3.sm3 { background: #F0F0F0 url(../images/left_caption3.jpg) no-repeat 0px top; }

#sidebar ul {
	margin-bottom: 10px;
	padding: 0 5px 5px;
	background: url(../images/leftcolFoot.jpg) no-repeat bottom #F0F0F0; 
}
#sidebar ul li {
	background: url(../images/bullet4.jpg) no-repeat 0 3px;
	padding-left: 13px;
	margin: 0px 3px 3px;
}
#sidebar div.mailm {
	margin-bottom: 10px;
	padding: 0 5px 5px;
	background: url(../images/leftcolFoot.jpg) no-repeat bottom #F0F0F0;
}

/* [#footer] /////////////////////////*/
#footer {
	clear: both;
	width: 795px;
	height: 55px;
	line-height: 1.5;
	margin: 10px auto;
	padding-top: 5px;
	font-size: 90%;
	text-align: center;
	background: url(../images/bg_footer.jpg);
}
#footer p.cr {
}

/* [misc] ////////////////////////////*/
.clear {
	clear: both;
}
.r {
	text-align: right;
}
.c {
	text-align: center;
}
p.toTop {
	text-align: right;
	padding: 10px 5px;
}