@charset "utf-8";

html * {
	margin: 0;
	padding: 0;
}

/*-----基本要素の設定-----*/
body {
	margin: 0 auto;
	text-align: center;
	background: #FFFFFF;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 100%;
}
h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,form,fieldset,legend,input {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}
abbr {
	border: 0;
}
hr {
	display: none;
}

/*-----リンクカラーの設定-----*/
/*基本カラー*/
a:link { color: #000; }
a:visited { color: #000; }
a:hover { color: #999; text-decoration: none; }
a:active { color: #999; text-decoration: none; }

/*フッタ部分のカラー*/
#footer a:link { color:#FFFFFF; text-decoration: none; }
#footer a:visited { color:#FFFFFF; text-decoration: none; }
#footer a:hover { color:#FFFFFF; text-decoration: underline; }
#footer a:active { color:#FFFFFF; text-decoration: underline; }

/*パンくずナビのカラー*/
#pannavi a:link { color:#CCCCCC; text-decoration: none; }
#pannavi a:visited { color:#CCCCCC; text-decoration: none; }
#pannavi a:hover { color:#CCCCCC; text-decoration: underline; }
#pannavi a:active { color:#CCCCCC; text-decoration: underline; }

/*ul#qaのカラー*/
#qa a:link { color: #000; text-decoration: none;}
#qa a:visited { color: #000;text-decoration: none; }

#qa a:hover { color: #999; text-decoration: none; }
#qa a:active { color: #999; text-decoration: none; }


/*-----サイトのコンテナ部分の設定-----*/
#top {
	margin: 0 auto;
	text-align: center;
	width: 750px;
	background: #fff;
}


#header {
	text-align: left;
	width: 750px;
	height: 61px;
	background: url(/images/common/head_bg.jpg) no-repeat;
}

#header h1 {
	float: left;
}


/*ヘッダ右設定*/
#h_right{
	float: right;
	text-align: right;
	width: 420px;
	height: 61px;
}

/*ヘッダコピー設定*/
#h_right p {
	clear: both;
	margin: 18px 10px 0 0;
	padding: 0;
	font-size: 85%;
	color: #663300;
}

/*ヘッダサブメニュー設定*/
#h_right ul {
	margin: 6px 0 0 0;
	list-style: none;
}

#h_right li {
	float: right;
}

/*-----メインメニュー設定-----*/
#menu {
	clear: both;
}

#menu ul {
	width: 750px;
	height: 44px;
	list-style: none;
}

#menu li {
	float: left;
}

/*-----フッタの設定-----*/
#footer {
	clear: both;
	font-size: 70%;
	text-align: center;
	background: #990000;
	color: #FFFFFF;
}

#footer p {
	padding: 10px 0 5px 0;
	text-align: center;
}

/*----- コピーライト部分の設定 -----*/
address {
	clear: both;
	color: #FFFFFF;
	text-align: center;
	background: #990000;
	font-style: normal;
	line-height: 200%;
	font-size:70%;
}

/*----- トップページコンテンツ部分の設定 -----*/
/*flash*/
#fla {
	clear: both;
}

/*--左側コンテンツの設定--*/
#top_content_l {
	width: 525px;
	float: left;
}

/*イベント*/
#t_event {
	width: 525px;
	height: 86px;
	border: 1px solid #663300;
	text-align: left;
	vertical-align: top;
	position: relative;
	font-size: 85%;
}

.e_photo {
	position: absolute;
	top: 0;
	left: 352px;
}

#t_event h2{
	position: relative;
	top:0;
}

#t_event ul {
	list-style: none;
	margin: 10px 0 0 10px;
	width: 352px;
}

#t_event li {
	background:url(/images/common/list_m.jpg) no-repeat;
	background-position: 0 50%;
	padding: 0 0 0 15px;
}

p.syousai {
	text-align: right;
	width: 350px;
	margin: 7px 0 0 0;
	padding: 0;
}


/*トップページブログコーナーの設定*/
#t_blog {
	width: 525px;
	border: 1px solid #663300;
	text-align: left;
	vertical-align: top;
	margin: 7px 0 0 0;
	padding: 0;
	position: relative;
}

#t_blog h3 {
	position: relative;
	top:0;
}

#t_blog h4 {
	padding:0;
	margin: 3px 0 0 0;
}

p.b_copy {
	margin: 6px 0 0 0;
	text-align: center;
	width: 350px;
	font-size: 85%;
}

#t_blog dl {
	margin: 0 0 0 30px;
	width: 480px;
	line-height: 150%;
}

#t_blog dt {
	border-bottom: 1px dashed #E8AD4D;
	background: url(/images/common/list_m2.jpg) no-repeat;
	background-position: 0 40%;
	padding: 0 0 0 15px;
	font-size: 90%;
}

#t_blog dd{
	margin: 5px 0 0 15px;
	padding: 0;
	font-size: 85%;
}

/*問い合わせバナー*/
.c_bn {
	margin: 7px 0 7px 0;
	padding:0;
}

/*--top右側コンテンツの設定--*/
#top_content_r {
	width: 200px;
	float: right;
}

#top_content_r ul {
	list-style: none;
}

#top_content_r li {
	margin: 0 0 5px 0;
}

/*-----下層ページの設定-----*/

/*パンくずナビ設定*/
#pannavi {
	clear:both;
	background: #660000;
	padding: 3px 0 3px 5px;
	margin: 12px 0 0 0;
	color: #CCCCCC;
	font-size: 60%;
	text-align: left;
}

/*ボックス*/
#content {
	width: 750px;
	float: left;
	background: url(/images/common/mein_bg.gif) repeat-y;
}

/*tableフォント設定*/
table {
	font-size: 80%;
	line-height: 150%;
}

/*左ナビの設定*/
#left_navi {
	width: 175px;
	float: left;
}

#left_navi ul {
	list-style: none;
}

#left_navi ul img {
	vertical-align: top;
}

/*メインコンテンツ(左ナビがある場合の)*/
#main {
	padding-bottom: 10px;
	width: 575px;
	float: left;
}

/*p基本設定*/
#main p {
	margin: 6px 0 0 15px;
	font-size: 80%;
	text-align: left;
	line-height: 150%;
}

/*ulフォント設定*/
#main ul {
	font-size: 80%;
	text-align: left;
	line-height: 150%;
}

#main h3 {
	clear: both;
}

#main h4 {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	clear: both;
}

/*画像右寄せ*/
img.photo_right{
	float: right;
	margin-left: 7px;
}

/*画像入りtable*/
table.pp{
	margin: 10px 0 10px 0;
	text-align: center;
}

/*ページトップへ戻る設定*/
#go_top{
	margin: 5px 0 10px 0;
	float: right;
}

/*floatクリアの設定*/
.f_clear {
	clear: both;
}

/*--下層ページの基本テーブルデザイン設定--*/
table.gaiyo {
	margin: 10px 0 0 15px;
	background: #990000;
}

/*thテキストセンター*/
table.gaiyo th {
	background: #FFEABF;
	font-weight: normal;
	padding: 6px 0 6px 0;
}

/*thテキスト左寄せ*/
table.gaiyo th.le_t {
	padding: 6px 0 6px 6px;
	text-align: left;
}

/*tdテキストセンター*/
table.gaiyo td {
	background: #FFFFFF;
	text-align: center;
	padding: 6px 0 6px 0;
}
/*tdテキスト左寄せ*/
table.gaiyo td.tex_left {
	text-align: left;
	padding: 6px 0 6px 6px;
	vertical-align: top;
}


/*-----資料請求フォームページの設定-----*/
p.red {
	margin: 5px 0 5px 15px;
	color: #FF0000;
}

/*フォームテーブルの設定*/
#request_fome {
	margin: 10px 0 10px 15px;
}

#request_fome table {
	margin: 10px 0 0 0;
	font-size: 85%;
	text-align: left;
	background: #990000;
	color: #333333;
}

#request_fome table th {
	padding: 8px 0 8px 5px;
	background: #FFEABF;
}

#request_fome table th span {
	color: #FF0000;
}
	
#request_fome table td {
	padding: 8px 0 8px 5px;
	background: #FFFFFF;
}

.btn_center {
	text-align: center;
	margin: 10px 0 10px 0;
	padding: 5px 0 5px 0;
	font-size: 85%;
}

/*-----ブログページの設定-----*/
/*ボックス*/
#blog_content {
	width: 750px;
	float: left;
	background: url(/blog/images/common/mein_bg.gif) repeat-y;
}

h3.blog {
	margin-top: 20px;
	padding: 10px 0 0 23px;
	background: url(/blog/images/sub_titlebg.gif) no-repeat;
	font-size: 90%;
	color: #663300;
	text-align: left;
	height: 30px;
}

#blog_content p.entry_date {
	margin: 0 0 0.5em;
	text-align: right;
	font-weight: bold;
	color: #777;
}

p.entry_footer {
	padding: 3px 0 0 5px;
	color:#993300;
	border-top: 1px #CCCCCC dashed;
}

/*ブログページ左ナビの設定*/
#b_lnavi {
	width: 175px;
	float: left;
}

#b_lnavi ul {
	margin: 5px;
	font-size: 80%;
	text-align: left;
	list-style: none;
}

#b_lnavi li {
	margin: 5px 0 0 0;
	padding: 0 0 0 12px; 
	text-align: left;
}

#b_lnavi fieldset {
	border: 0;
}

#b_lnavi form legend {
	font-size: 80%;
	padding: 0 0 0 5px;
}

#b_lnavi p.rss {
	margin: 5px 0 5px 0;
}

#b_lnavi p.to {
	padding: 10px 5px 0 5px;
	font-size: 80%;
	text-align: left;
	line-height: 150%;
}

/*ブログトラックバック以下欄の設定*/
#blog_content h4#trackback {
	margin: 0 20px 0.3em;
	padding-bottom: 0.3em;
	font-size: 90%;
	color: #990000;
	border-bottom: 2px solid #990000;
	text-align: left;
}

#blog_content p.trackback_url {
	padding: 5px 0 5px 5px;
}

#blog_content form#comments_form {
	margin: 10px 20px 1em;
	text-align: left;
}
#blog_content form#comments_form fieldset {
	padding: 5px 5px 1em;
	border: 1px solid #ccc;
}
#blog_content form#comments_form legend {
	font-weight: bold;
	color: #390;
	font-size: 90%;
}
#blog_content form#comments_form dl {
	margin-top: 1em;
	font-size: 80%;
}
#blog_content form#comments_form dl span {
	color: #f00;
}
#blog_content form#comments_form dl input#comment_author {
	width: 100%;
	border: 1px solid #999;
}
#blog_content form#comments_form dl input#comment_email {
	width: 100%;
	border: 1px solid #999;
}
#blog_content form#comments_form dl input#comment_url {
	width: 100%;
	border: 1px solid #999;
}
#blog_content form#comments_form dl input:focus {
	background: #FDF5EA;
}
#blog_content form#comments_form dl textarea:focus {
	background: #FDF5EA;
}
#blog_content form#comments_form dl textarea {
	width: 100%;
	border: 1px solid #999;
	font-size: 100%;
}
#blog_content form#comments_form dt {
	margin-bottom: 3px;
	padding: 3px;
	background: #eed;
}
#blog_content form#comments_form dd {
	margin-bottom: 1em;
	padding: 3px;
}

#blog_content form#comments_form p.submit {
	margin-bottom: 0;
	text-align: center;
}



/*-----施設案内ページの設定-----*/

/*ページ内メニューの設定*/
#page_menu {
	margin: 10px 0 0 0px;
	background: url(/facilities/images/sub_menubg.gif) no-repeat;
	width: 575px;
	height: 34px;
}

#page_menu ul {
	padding: 8px 0 0 30px;
	list-style: none;
	text-align: left;
}

#page_menu li {
	margin: 0 0 0 10px;
	padding: 0 0 0 15px;
	background: url(/facilities/images/li_m.gif) no-repeat;
	background-position: 0 50%;
	float: left;
}

/*フロアマップ下のマップ説明*/
table.m_setsumai {
	margin: 10px 0 0 15px;
	text-align: left;
}

table.m_setsumai td{
	padding: 6px;
	border-bottom: 1px dashed #E8AD4D;
}


/*-----会社概要、採用案内ページの設定-----*/
ul#qa {
	margin: 10px 0 0 15px;
	list-style: none;
	text-align: left;
}

ul#qa li {
	padding: 5px 0 0 0;
	border-bottom: 1px dashed #E8AD4D;
}

/*---募集要項ページtable設定---*/
table.job {
	margin: 10px 0 0 15px;
	border: solid 1px #990000;
	border-collapse: collapse;
}

table.job th {
	background: #FFEABF;
	font-weight: normal;
	padding: 6px 0 6px 0;
	border: solid 1px #990000;
}


table.job td {
	border: solid 1px #990000;
	padding: 6px 0 6px 6px;
	text-align: left;
}


table.job td.kind {
	background: #FFFFCC;
	text-align: left;
	padding: 2px 0 2px 6px;
}

/*-----サービス概要-----*/
/*年間行事ページ*/
#year_event {
	text-align: left;
	font-size: 80%;
}

dl.year_e {
	width:250px;
	margin: 10px 0 0 15px;
	float: left;
}

dl.year_e dt {
	margin: 15px 0 7px 0;
}

dl.year_e2 {
	width:250px;
	margin: 10px 0 0 40px;
	float: left;
}

dl.year_e2 dt {
	margin: 15px 0 7px 0;
}


/*-----今月のイベントページ設定(左メニューなし)-----*/
#mouth_event {
	margin: 10px 0 0 15px;
}

#mouth_event h3 {
	margin: 15px 0 7px 0;
}

#mouth_event h4 {
	margin: 15px 0 0 0;
	padding: 3px 0 3px 5px;
	background: #FFFFCC;
	border-bottom: 2px solid #990000;
	font-size: 85%;
	color: #663300;
	text-align: left;
}



#mouth_event p {
	margin: 0 0 0 15px;
	font-size: 80%;
	text-align: left;
	line-height: 150%;
}


#j {
	width: 450px;
	float: left;
	text-align: left;
}
div.visionalist {
	display: none;
}