@charset "UTF-8";

body {
	font-family:sans-serif,Osaka,"ＭＳ Ｐゴシック";
	text-align:center;
	margin:0;
	padding:0;
	background:url(img/bg_body.jpg);
}
img {
	border:0;
	display:block;
}
form {
	margin:0;
	padding:0;
}
p , dl , ul , ol {
	font-size:80%;
	line-height:150%;
	color:#222222;
	margin:0;
	padding:0;
}
.cl {
	clear:both;
}

/* link */
/* -------------------------------------------------------- */
a:link , a:visited {
	color:#330000;
	text-decoration:none;
}
a:hover , a:active {
	color:#990000;
	text-decoration:underline;
}

#footer .rbox a:link , #footer .rbox a:visited {
	color:#330000;
	text-decoration:none;
}
#footer .rbox a:hover , #footer .rbox a:active {
	color:#990000;
	text-decoration:underline;
}

p#panlist a:link , p#panlist a:visited {
	color:#553311;
	text-decoration:none;
}
p#panlist a:hover , p#panlist a:active {
	color:#990000;
	text-decoration:underline;
}

/* title */
/* -------------------------------------------------------- */
h1 , h2 , h3 {
	margin:0;
	padding:0;
}
h2 {
	text-align:left;
	margin:0 30px;
}
h2.ti1 {
	font-size:100%;
	color:#330000;
	text-align:left;
	margin:0 30px;
	padding:15px 0 10px 44px;
	background:url(img/bg_h2.gif) no-repeat left bottom;
}

/* text */
/* -------------------------------------------------------- */
p#panlist {
	text-align:right;
	padding:2px 10px 0 0;
}
p#panlist a {
	padding:0 18px 0 0;
	background:url(img/icon_01.gif) no-repeat right top;
}

p.type1 {
	font-weight:bold;
	color:#333399;
	margin:0;
	padding:0 0 0 15px;
}
p.type2 {
	text-align:center;
}

/* list */
/* -------------------------------------------------------- */
#sitemap ul {
	list-style-type:none;
	font-size:80%;
	margin:0 0 0 10px;
	padding:0;
}
#sitemap ul li {
	margin:10px 0 0 0;
	padding:0 0 0 15px;
	background:url(img/icon_01.gif) no-repeat 0 3px;
}
#sitemap ul.sub {
	font-size:100%;
	margin:0 0 0 10px;
}
#sitemap ul.sub li {
	margin:0;
	padding:0 0 0 15px;
	background:url(img/icon_01.gif) no-repeat 0 3px;
}

ul.type1 {
	list-style-type:none;
	font-size:80%;
	margin:0 15px;
	padding:0;
}
ul.type1 li {
	margin:10px 0 0 0;
	padding:0 2px 0 15px;
	background:url(img/icon_01.gif) no-repeat 0 3px;
	border-bottom:dotted 1px #ccbbaa;
}
ul.type1 li ul.type1 {
	font-size:100%;
	margin:0 0 0 10px;
	padding:0;
}
ul.type1 li ul.type1 li {
	margin:0;
	padding:0 0 0 15px;
	background:url(img/icon_01.gif) no-repeat 0 3px;
	border-bottom:0;
}

/* image */
/* -------------------------------------------------------- */

/* boxtype */
/* -------------------------------------------------------- */
#news {
	width:250px;
	background:url(img/bg_news_01.gif) repeat-y top left;
}
#news ul {
	list-style-type:none;
	color:#330000;
	line-height:110%;
	margin:0 20px 0 23px;
}
#news li {
	margin:8px 0 0 0;
	padding:0 0 8px 0;
	border-bottom:dotted 1px #886644;
}

div.type1 {
	text-align:left;
	margin:0 20px;
	padding:15px 0;
}
div.type1 .lbox1 {
	width:420px;
	float:left;
}
div.type1 .rbox1 {
	width:250px;
	float:right;
}
div.type1 .lbox1 p {
	margin:0;
	padding:5px 0 0 15px;
}
div.type1 .lbox1 img {
	margin:0 0 0 15px;
}

div.type2 {
	width:630px;
	text-align:left;
	margin:0 auto;
	padding:0 0 30px 0;
}
div.type2 h3 {
	font-size:100%;
	color:#222222;
	padding:0 0 5px 0;
	border-bottom:solid 1px #bbaa88;
}
div.type2 p {
	padding:10px 0 0 0;
}

div.type3 {
	width:640px;
	text-align:left;
	margin:0 auto;
	padding:0 0 30px 0;
}
div.type3 h3 {
	font-size:90%;
}
div.type3 p {
	padding:5px 0 0 0;
}
div.type3 .lbox1 {
	width:170px;
	float:left;
}
div.type3 .rbox1 {
	width:450px;
	float:right;
}
div.type3 .box1 {
	width:640px;
	background:url(img/bg_profile_01.gif) repeat-y top left;
}
div.type3 .box2 {
	width:130px;
	float:left;
}
div.type3 .box2 img {
	margin:0 0 0 20px;
}
div.type3 .box3 {
	width:180px;
	float:left;
}


div.lboxa {
	width:300px;
	padding:10px 0 0 0;
	float:left;
}
div.lboxa h2 {
	padding:0 0 0 30px;
}
div.rboxa {
	width:250px;
	padding:45px 0 0 0;
	float:right;
}
div.rboxb {
	width:225px;
	padding:45px 0 0 0;
	float:right;
}

/* header */
/* -------------------------------------------------------- */
#header {
	width:740px;
	text-align:left;
	margin:0 auto;
	padding:45px 0 0 0;
}

#logo {
	position:absolute;
}
#logo img {
	position:relative;
	top:-39px;
	left:-27px;
}
#logo img.s {
	top:-18px;
	left:-11px;
}

#navi0 {
	position:absolute;
}
#navi0 form {
	position:relative;
	top:-30px;
	left:570px;
}
#navi0 input {
	vertical-align:middle;
}
#navi0 input.box {
	width:120px;
	margin:0 3px 0 0;
	border:solid 1px #775522;
	background:url(img/bg_search.gif) no-repeat top left;
}

#navi {
	position:absolute;
}
#navi img {
	position:relative;
	display:inline;
	top:7px;
	left:267px;
}

#main ul#mon {
	font-size:70%;
	text-align:left;
	margin:0;
	padding:0;
}
#main ul#mon li {
	display:inline;
	margin:0 15px 0 0;
	padding:0;
}
#main ul#mon li a {
	padding:0 0 0 13px;
	background:url(img/icon_01.gif) no-repeat left top;
}

#main ul#mon1 {
	font-size:70%;
	text-align:left;
	margin:0 50px;
	padding:0;
}
#main ul#mon1 li {
	display:inline;
	margin:0 15px 0 0;
	padding:0;
}
#main ul#mon1 li a {
	padding:0 0 0 13px;
	background:url(img/icon_01.gif) no-repeat left top;
}

/* main */
/* -------------------------------------------------------- */
#main {
	width:740px;
	text-align:left;
	margin:0 auto;
	padding:0 0 10px 0;
	background:url(img/bg_main.jpg) repeat-y top left;
}

/* footer */
/* -------------------------------------------------------- */
#footer {
	width:740px;
	text-align:left;
	margin:0 auto;
	padding:0 0 15px 0;
	background:url(img/bg_footer.jpg) no-repeat top left;
}
#footer .lbox {
	width:200px;
	height:56px;
	float:left;
}
#footer .lbox select {
	width:180px;
	margin:16px 0 0 15px;
}
#footer .lbox option.a {
	color:#ffffff;
	background:#990000;
}
#footer .rbox {
	width:540px;
	height:56px;
	float:right;
}
#footer .rbox p {
	color:#330000;
	text-align:right;
	padding:16px 12px 0 0;
}
img.copy {
	margin:0 0 0 450px;
}

/* contents */
/* -------------------------------------------------------- */
#main #contents {
	width:670px;
	text-align:left;
	margin:0 0 0 50px;
	padding:0 0 30px 0;
	overflow:auto;
}
#contents h3 {
	font-size:90%;
	color:#330000;
	text-align:left;
	margin:0;
	padding:8px 30px 7px 10px;
	background:url(img/bg_h3.gif) no-repeat left bottom;
}
#contents h4 {
	font-size:80%;
	color:#330000;
	text-align:left;
	margin:15px 10px 0 10px;
	padding:2px 10px;
	background:url(img/bg_h4.gif) no-repeat left top;
}
#contents p {
	font-size:80%;
	text-align:left;
	margin:6px 20px 0 20px;
	padding:0;
}
#contents input , #contents textarea {
	margin:6px 0 0 20px;
}