@charset "UTF-8";
 @import "DropDownMenu.css";

/* ------------------------------
　　　　全ページ共通
------------------------------  */

/* ブラウザスタイルの初期化 */

* {
	margin: 0;
	padding: 0;
	line-height: 1.0;
}

p, h1, h2, h3, h4, h5, dl, dt, dd, table, tr, th, td {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* BODY */

body {
	background: #000;
	color: #FFF;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "Georgia", "Times New Roman", "Times", serif;
}

/* LINK */

a:link {
	color: #ffffff;
	text-decoration: underline;
}

a:visited {
	color: #ffffff;
	text-decoration: underline;
	;
}

a:hover {
	color: #c31212;
	text-decoration: underline;
}

a:active {
	color: #c31212;
	text-decoration: underline;
}

/* img */
img {
	border: 0;
}

/* clearfix一連  */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display:inline-block;
	overflow:hidden;
}

* html .clearfix {
	height:1%;
}

.clearfix {
	display:block;
}

.c-both {
	clear: both;
}

/* 共通テキスト */
.red {
	color: #C00;
}

.black {
	color: #000;
}

.small {
	font-size: 10px;
}

.grn {
	color: #006600;
}

/* 全体のコンテナ */

div#container {
	width: 930px;
	margin: 0 auto;
}

/* HEADER */

div#header {
	margin: 0;
	background: url(../images/bg.gif) repeat-y left top;
	height: 100px;
	clear: both;
}

div#logo-area {
	float: left;
	display: inline;
	padding: 16px 0 0 50px;
}

div#header h1#logo {
	padding: 0;
}

div#header h2#sub {
	padding: 0;
}

div#header p#img {
	padding: 10px 0 0 50px;
	float: left;
	display: inline;
}

div#header p#contact {
	padding: 0 0 0 40px;
	float: left;
	display: inline;
}

/* GROVAL NAVI */

div#groval-navi {
	width: 930px;
	height: 60px;
	margin: 0;
	background: url(../images/gn_bg.gif) left bottom;
	clear: both;
}

div#groval-navi ul {
	padding: 7px 0 0 10px;
}

div#groval-navi ul li {
	float: left;
	display: inline;
}

/* MAIN*/

div#main {
	width: 930px;
	margin: 0;
	padding: 0;
	background: url(../images/bg.gif) repeat-y left top;
}

div#wrap {
	width: 800px;
	margin: 25px 0 0 65px;
}

div#main h3#title {
	margin: 0;
	padding: 20px 0 20px 40px;
}

div#main h4.st {
	margin: 0 0 0px 40px;
	padding: 0 0 15px 0;
}

div#main h4.sst {
	font-size: 19px;
	font-style: nomal;
	font-weight: bold;
	margin: 0 0 25px 0;
	padding: 12px 0 0 30px;
	letter-spacing: 0.2em;
	width: 770px;
	height: 28px;
	background:url(../images/st_bg.gif) no-repeat;
}

div#main p.info {
	padding: 0 0 12px 40px;
	font-size: 12px;
}

div#main p.intro {
	padding: 15px 60px 10px 70px;
	line-height: 1.9em;
	letter-spacing: 0.1em;
	font-size: 13.5px;
}

div#main p.txt {
	padding: 0 40px 10px 40px;
	line-height: 1.9em;
	letter-spacing: 0.1em;
	font-size: 13.5px;
}

div#main ul.dot {
	margin: 10px 0 30px 50px;
	font-size: 13px;
}

div#main ul.dot li {
	list-style: disc inside;
	padding: 0 0 10px 0;
}

div#main ol.number {
	margin: 10px 0 30px 50px;
	font-size: 13px;
}

div#main ol.number li {
	list-style: decimal inside;
	padding: 0 25px 10px 0;
	line-height: 1.3em;
}

/* PAN LINK */

div#main ol#panlink {
	padding: 20px 0 0 40px;
	font-size: 13px;
}

div#main ol#panlink li {
	color:#FFF;
	display:inline;
	margin: 0;
	padding: 0 0 0 2em;
	background: url(../images/pan_arrow.jpg) no-repeat 5px center;
}

div#main ol#panlink li.home {
	display: inline;
	margin: 0 12px 0 0;
	padding: 0;
	list-style-type: none;
	background-image: none;
	width: 50px;
}

div#main ol#panlink li a:link, div#main ol#panlink li a:visited {
	color: #fff;
	text-decoration:none;
}

div#main ol#panlink li a:hover, div#main ol#panlink li a:active {
	color: #c31212;
	text-decoration: underline;
}

/* PAN LINK end*/

/* PAGE NAV*/

div#main div.page-navi {
	text-align: center;
	margin: 15px 0 25px 0;
	color: #c31212;
	font-size: 14px;
	letter-spacing: 0.1em;
}

div#main div.page-navi ul.down li {
	display:inline;
	margin: 0;
	padding: 0 22px;
	background: url(../images/pagenavi_list.gif) no-repeat 10px;
}

div#main div.page-navi ul.up li {
	display:inline;
	margin: 0;
	padding: 0px 25px;
	background: url(../images/pagenavi_list2.gif) no-repeat 10px;
}

div#main div.page-navi ul.left li {
	display:inline;
	margin: 0;
	padding: 0px 25px;
	background: url(../images/pagenavi_list3.gif) no-repeat 10px;
}

div#main div.page-navi li a:link, div#main div.page-navi li a:visited {
	color: #fff;
	text-decoration:none;
}

div#main div.page-navi li a:hover, div#main div.page-navi li a:active {
	color: #c31212;
	text-decoration: underline;
}

/* PAGE NAV end*/

p.pagetop {
	padding: 10px 35px 20px 0;
	text-align: right;
}

p.pagetop-p {
	padding: 10px 20px 50px 0;
	text-align: right;
}

p#mainfoot {
	margin: 0;
	padding: 0;
}

/* FOOTER*/

div#footer {
	width: 930px;
	height: 100px;
	margin: 0;
	padding: 0;
}

div#footer p#footer-logo {
	padding: 15px 0 0 20px;
	float: left;
	display: inline;
}

div#footer div#right {
	float: left;
	display: inline;
	text-align: right;
	margin: 10px 0 0 195px;
}

p#copyright {
	color: #FFF;
	font-size: 10px;
	letter-spacing: 0.1em;
	margin: 5px 0 0 0;
}

div#footer ul {
	margin: 20px 0 0 0;
	padding: 0;
	text-align: right;
}

div#footer ul li#left {
	border-left: none;
	margin: 0;
	padding: 0;
	display: inline;
}

div#footer ul li {
	margin: 0 0 0 7px;
	padding: 0 0 0 7px;
	display: inline;
}

/* ------------------------------
　　　　フォーム共通
------------------------------  */

table#apply {
	width: 640px;
	margin: 10px 50px 25px 80px;
	font-size: 14px;
	border: none;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "Georgia", "Times New Roman", "Times", serif;
}

table#apply th {
	padding: 0 12px;
	font-weight: bold;
	background: #CCC;
	color: #000;
	width: 180px;
	letter-spacing: 0.3em;
	vertical-align: middle;
	padding: 8px 10px;
}

table#apply th img {
	vertical-align: middle;
}

table#apply td {
	padding: 8px 0 8px 20px;
	background: #fff;
	color: #000;
	width: 410px;
	line-height: 1.5em;
}

span.notes {
	font-size: 11px;
	padding: 0 0 0 4px;
}

table#apply th.h {
	height: 40px;
	padding: 10px 0 10px 12px;
	line-height: 1.3em;
}

table#apply input {
	font-size: 13px;
}

table#apply .input-l {
	width: 350px;
	height: 25px;
	border: 1px solid #999;
	color: #000;
	margin: 5px 0;
}

table#apply .input-m {
	width: 200px;
	border: 1px solid #999;
	color: #000;
	height: 25px;
	margin: 5px 0;
}

table#apply .input-s {
	width: 100px;
	height: 25px;
	border: 1px solid #999;
	color: #000;
	margin: 5px 0;
}

table#apply .input-ss {
	width: 50px;
	height: 25px;
	border: 1px solid #999;
	color: #000;
	margin: 5px;
}

table#apply input {
	color: #000;
	font-size: 14px;
}

table#apply option {
	color: #000;
	font-size: 13px;
}

table#apply select {
	color: #000;
	font-size: 14px;
}

table#apply td.form_buttom {
	width: 600px;
	text-align: center;
}

table#apply td.form_buttom .btn {
	color: #000;
	padding: 10px;
	margin: 10px;
}

.post {
	background-image: url(../images/post.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	padding: 5px 4px 0 30px;
}

.name {
	background-image: url(../images/name.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	padding: 5px 4px 0 30px;
}

.check {
	background-image: url(../images/check.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	padding: 5px 4px 0 30px;
}

.tel {
	background-image: url(../images/tel.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	padding: 5px 4px 0 30px;
}

.fax {
	background-image: url(../images/fax.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	padding: 5px 4px 0 30px;
}

.mail {
	background-image: url(../images/mail.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	padding: 5px 4px 0 30px;
}

.add {
	background-image: url(../images/add.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	padding: 5px 4px 0 30px;
}

.camera {
	background-image: url(../images/camera.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	padding: 5px 4px 0 30px;
}

div#btn_center {
	text-align: center;
	margin: 20px;
}

　 
/* インフォ欄 */

div#info {
	width: 510px;
	background: #FFF;
	margin: 10px 0 0 110px;
	padding: 10px 20px 20px 30px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "Georgia", "Times New Roman", "Times", serif;
}

div#info a:link {
	color: #000;
	text-decoration: underline;
}

div#info a:visited {
	color: #000;
	text-decoration: underline;
	;
}

div#info a:hover {
	color: #c31212;
	text-decoration: underline;
}

div#info a:active {
	color: #c31212;
	text-decoration: underline;
}

div#info h4.info-st {
	padding: 7px 0 15px 0;
}

div#info p.info-txt {
	color: #000;
	line-height: 1.5em;
	margin: 12px 0 15px 0;
	font-size: 13px;
}

div#info ul {
	width: 510px;
	margin: 0 0 0 25px;
}

div#info ul li {
	color: #000;
	line-height: 1.5em;
	margin: 0 0 15px 0;
	font-size: 12px;
	padding: 0 0 0 15px;
	background: url(../images/kome.gif) no-repeat 0 3px;
}

div#info div.left {
	float: left;
	display: inline;
	width: 230px;
	margin: 10px 0 0 0;
}

div#info div.right {
	float: left;
	display: inline;
	margin: 10px 0 0 20px;
	border-left: #333 1px dotted;
	padding: 0 0 0 30px;
	width: 225px;
}


/* お問い合せ欄 */

div#contact {
	width: 440px;
	margin: 10px 0 0 170px;
	padding: 10px;
	border: #c31212 1px dotted;
}

div#contact h5 {
	font-size: 13px;
	text-align: center;
	margin: 0 0 20px 0;
}

div#contact p {
	font-size: 12px;
	margin: 0 0 0 20px;
	line-height: 1.3em;
}


/* お知らせ一欄 */

dl.news {
	padding: 20px;
	font-size: 13px;
	letter-spacing: 0.1em;
}

dl.news dt {
	width: 8.5em;
	background: url(../images/list_invite.gif) no-repeat;
	line-height: 1.3em;
	padding: 0 0 0 10px;
}
* html body dl.news dt {
	margin-bottom: -1.5em;
}
dl.news dd {
	margin: 0 20px 0.3em 0;
	padding: 0.2em 0 0.5em 8.5em;
	line-height: 1.3em;
}

dl.news dt + dd {
	margin-top: -1.5em;
}
dl.news dd a:link {
	text-decoration: underline;
}

dl.news dd a:visited {
	text-decoration: underline;
}

dl.news dd a:hover {
	color: #c31212;
	text-decoration: underline;
}

dl.news dd a:active {
	color: #c31212;
	text-decoration: underline;
}