@charset "UTF-8";

/* body,Anchor
------------------------------------------------*/
body {
	color: #000;
	background: url(../img/bg.jpg) repeat;
	text-align: center;
}
a:link { color: #222; }
a:visited { color: #444; }
a:hover { color: #641010; text-decoration: none; }

hr { display: none; }
.line {
	background: #dbdbdb;
	height: 1px;
	margin: 15px 0;
}

/* Layout
------------------------------------------------*/
#header {
	background: url(../img/bg_head.gif) repeat-x left top;
}
#header_in {
	width: 900px;
	height: 101px;
	margin: 0 auto;
	text-align: left;
}
#title,
#titleimg {
	background: #fff;
	padding: 10px 0;
}
#menu {
	background: #fff url(../img/bg_menu.gif) repeat-y left top;
}
#contents_2column,
#contents_3column {
	width: 900px;
	margin: 0 auto;
	padding: 0 26px;
	text-align: left;
}
#pagetop {
	clear: both;
	background: url(../img/bg_pagetop.gif) no-repeat left bottom;
	height: 20px;
	padding: 10px 10px 0;
	text-align: right;
}
#footer {
	background: #641010 url(../img/bg_foot.gif) repeat-x left top;
}
#footer_in {
	width: 900px;
	margin: 0 auto;
	padding: 15px 0 0;
	text-align: left;
}

/* 2column */
#contents_2column {
	background: url(../img/bg_contents.gif) repeat-y left top;
}
#contents_2column #main {
	float: left;
	width: 620px;
	padding: 10px 0 0;
}
#contents_2column #side {
	float: right;
	width: 260px;
}
#contents_2column #pagetop {
	background: url(../img/bg_pagetop.gif) no-repeat left bottom;
}

/* 3column */
#contents_3column {
	background: url(../img/3column/bg_contents.gif) repeat-y left top;
}
#contents_3column #main {
	float: left;
	width: 470px;
	padding: 10px 0 0;
}
#contents_3column #side {
	float: right;
	width: 210px;
}
#contents_3column #menulist {
	float: left;
	width: 180px;
	padding: 0 20px 0 0;
}
	#menulist dl dd {
		margin: 0 5px;
	}
	#menulist dl dd ul li {
		background: url(../img/ya_red.gif) no-repeat 6px 11px;
		border-bottom: 1px solid #dbdbdb;
		padding: 6px 0 6px 16px;
	}
#contents_3column #pagetop {
	background: url(../img/3column/bg_pagetop.gif) no-repeat left bottom;
}


/* clearfix
------------------------------------------------*/
.clearfix { zoom:1; }
.clearfix:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

#menu,
#contents_2column,
#contents_3column,
address,
#box01,
#footer_in { zoom:1; }
#menu:after,
#contents_2column:after,
#contents_3column:after,
address:after,
#box01:after,
#footer_in:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }


/* header
------------------------------------------------*/
/* logo */
#header h1 {
	float: left;
	width: 247px;
	height: 46px;
	overflow: hidden;
	margin: 13px 0 19px;
	font-size: 10px;
}
	img#logo{
		position: absolute;
		z-index: 1;
	}

#header_in div {
	float: right;
}

/* form */
#header_in form {
	margin: 10px 0 13px;
	text-align: right;
}
#header_in div #search {
	background: url(../img/bg_search.gif) no-repeat left center;
	border: 1px solid #8a8a8a;
	width: 170px;
	padding: 1px;
}
#header_in div #searchbtn {
	vertical-align: text-bottom;
}

/* list */
#header_in div ul {
	float: right;
}
#header_in div ul li {
	display: inline;
	background: url(../img/ya_gray.gif) no-repeat left center;
	margin: 0 0 0 10px;
	padding: 0 0 0 7px;
	font-size: 93%;
}
#header_in div ul li a:link,
header_in div ul li a:visited { text-decoration: none; }
header_in div ul li a:hover { text-decoration: underline; }

/* txt */
#header p {
	clear: both;
	font-size: 77%;
	color: #fff;
}


/* title
------------------------------------------------*/
#title {
	position: relative;
}
#title a {
	position: absolute;
	top: 63px;
	left: 690px;
	width: 200px;
	height: 75px;
}


/* menu
------------------------------------------------*/
#menu dl {
	float: left;
}
#menu dl dt {
	background: #fff;
	padding: 0 0 10px;
}
#menu dl dd ul li {
	background: url(../img/ya_gray.gif) no-repeat left center;
	width: 157px;
	margin: 0 0 10px 10px;
	padding: 0 0 0 10px;
	font-size: 93%;
}


/* main
------------------------------------------------*/
#main p,
#main th,
#main td,
#main dt,
#main dd,
#main li {
	line-height: 1.35;
}

/* title */
#main #post h2 {
	background: url(../img/post/title_h2.gif) no-repeat left top;
	height: 35px;
	padding: 0 0 0 15px;
	line-height: 31px;
	font-size: 123%;
	font-weight: bold;
	color: #fff;
}
#main #post h3 {
	background: #f7f7f7;
	border-bottom: 1px solid #dbdbdb;
	border-top: 1px solid #ca1f27;
	padding: 5px;
	margin: 10px 0 5px;
	font-size: 116%;
	font-weight: bold;
	color: #ca1f27;
}
#main #post h3 a {
	background: url(../img/ya_red.gif) no-repeat left center;
	padding: 0 0 0 10px;
}
#main #post h3 a:link,
#main #post h3 a:visited,
#main #post h3 a:hover { color: #ca1f27; }


#main #post h4 {
	border-bottom: 1px solid #dbdbdb;
	margin: 20px 0 5px;
	padding: 0 0 5px;
	font-size: 108%;
	font-weight: bold;
}



/* side
------------------------------------------------*/
#side h3 {
	margin: 0 0 10px;
}
#side p {
	margin: 0 10px 2px;
}
#side h4 {
	margin: 20px 10px 0;
}
#side ul {
	border: 1px solid #dbdbdb;
	margin: 0 10px 30px;
	padding: 5px;
}
#side ul li {
	margin: 2px 0 0;
}


/* footer
------------------------------------------------*/
/* address */
#footer address {
	padding: 0 0 20px;
	line-height: 1.35;
}
#footer address img {
	float: left;
	margin: 0 20px 0 0;
}

/* list */
#footer_in .box01 {
	float: left;
	width: 620px;
}
#footer_in .box02 {
	float: right;
	width: 280px;
}

#footer h4 {
	clear: both;
	border-left: 2px solid #cd201a;
	margin: 0 0 7px;
	padding: 1px 0 1px 5px;
	font-weight: bold;
}
#footer ul {
	margin: 0 0 10px;
	zoom: 1;
}
#footer ul:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
#footer ul li {
	float: left;
	background: url(../img/disc.gif) no-repeat 0 6px;
	margin: 0 10px 0 0;
	padding: 0 0 5px 7px;
	font-size: 77%;
}
#footer ul li.nofloat {
	float: none;
}
#footer ul li a {
	white-space: nowrap;
}
#footer li ul {
	margin: 0;
	zoom: 1;
}
#footer li ul:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
#footer li li {
	float: left;
	margin: 0.5em 1em 0.5em 0;
	font-size: 100%;
}

/* cooy */
.cooy {
	padding: 5px 0;
	text-align: center;
	color: #fff;
}


/* index
------------------------------------------------*/
/* titleimg */
#titleimg #imgMenu {
	width: 900px;
	height: 240px;
	overflow: hidden;
}
#titleimg #imgMenu li {
	float: left;
	width: 36px;
	height: 240px;
	overflow: hidden;
}

/* report */
#report {
	position: relative;
	margin: 0 0 10px;
}
#report p {
	position: absolute;
	top: 6px;
	left: 585px;
}
#report div {
	overflow: auto;
	border: 1px solid #dbdbdb;
	width: 598px;
	height: 310px;
	margin: 3px 0 0;
	padding: 10px;
}

/* news */
#news {
	position: relative;
	float: left;
	width: 305px;
}
#news p {
	position: absolute;
	top: 6px;
	left: 270px;
}
#news div {
	overflow: auto;
	border: 1px solid #dbdbdb;
	width: 283px;
	height: 210px;
	margin: 3px 0 0;
	padding: 10px;
}

/* blog */
#blog {
	position: relative;
	float: right;
	width: 305px;
	margin-bottom: 20px;
}
#blog p {
	position: absolute;
	top: 6px;
	left: 270px;
}
#blog div {
	overflow: auto;
	border: 1px solid #dbdbdb;
	width: 283px;
	height: 210px;
	margin: 3px 0 0;
	padding: 10px;
}

/* index */
.index #main dt {
	float: left;
	background: url(../img/ya_gray.gif) no-repeat right center;
	width: 80px;
	font-size: 77%;
	font-weight: bold;
	color: #555;
}
.index #main dd {
	margin: 0 0 13px 90px;
}


/* mailform
------------------------------------------------*/
fieldset { border: 0; }
input {
	padding: 0 5px;
	margin: 0 2px;
}
#name { width: 300px; }
#age { width: 40px; }
#zip1,#zip2 { width: 60px; }
#address { width: 300px; }
#tel1,#tel2,#tel3 { width: 40px; }
#mail{ width: 300px; }
#attention { width: 400px; height: 120px; }
#job { width: 300px; }
#place { width: 300px; }
#money1,#money2,#money3 { width: 100px; }
#comment { width:400px; height:120px; }
#uplord1,#uplord2,#uplord3,#uplord4 { padding: 0 5px; }
#next { width: 13em; padding: 5px; }
