@charset "utf-8";
body  {
  font-size: 12px;
  font: Verdana, Arial, Helvetica, MS P Gothic, sans-serif;
  background: #eee;
  letter-spacing: 1px;
  line-height: 165%;
  margin: 0;
  padding: 0;
  text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
  color: #000000;
}
#container {
  width: 900px;  /* ページ全体の幅 */
  background: #FFFFFF;
  font-size: 12px;
  font: Verdana, Arial, Helvetica, MS P Gothic, sans-serif;
  letter-spacing: 1px;
  line-height: 165%;
  margin: 7px auto; /* 余白＆ページ中央揃え */
  border: 1px solid #cce;
  text-align: left;
}

#header{
	width: 900px;
	background-image:url(../img/header.png); width:900px; height:120px;
	text-align:right; vertical-align:top;
	font:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:10px;
}

img {
  border: none;
}

a {
  color : #000;
  text-decoration: none;
}

a:hover {
  color : #e00;
}

h1 {
	margin: 0px;
	font-size: 24px;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-weight:bold;
	color:#FFF;
	text-align: center;
	white-space: nowrap;

}


h2 {
	font-size: 18px;
	margin: 0px;
	float: none;
	background-image: url('../img/content_title_w500.jpg');
  background-repeat: no-repeat;
   text-align: left;
  padding: 5px 0px 0px 40px;
  margin: 10px 0px 0px;
  height:30px;
}
h4{
text-decoration: underline;
}

table {
  font-family: Verdana, Arial, Helvetica,MS P Gothic,Sans-serif;
}

/* メインメニュー左側5つ用*/
td#mainmenu a.mainmenu1{
  width: 150px;
  height: 21px;
  display: block;
  color :#00F;
  text-decoration:none;
  letter-spacing: 0px;
  font-size: 110%;
  background-image: url('../img/mainmenu_btn1_off.jpg');
  background-repeat: no-repeat;
  background-position: left;
  background-color: #fff;
  font-weight: bold;
  padding: 15px 0px 5px;
}

td#mainmenu a.mainmenu1:hover{
  background-image: url('../img/mainmenu_btn1_on.jpg');
}
/*画像異なるため*/

td#mainmenu2 a.mainmenu2{
  width: 150px;
  height: 21px;
  display: block;
  color : #00F;
  text-decoration: none;
  letter-spacing: 0px;
  font-size: 110%;
  background-image: url('../img/mainmenu_btn2_off.jpg');
  background-repeat: no-repeat;
  background-position: left;
  background-color: #fff;
  font-weight: bold;
  padding: 15px 0px 5px;
}

td#mainmenu2 a.mainmenu2:hover{
  background-image: url('../img/mainmenu_btn2_on.jpg');
}

td#sidemenu-top{
  background-image: url('../img/left_navi_top_bg.gif');
  background-repeat: no-repeat;
  background-position: left;
  background-color: #fff;
}

td#sidemenu-lower{
  background-image: url('../img/left_navi_bdr.gif');
  background-repeat: repeat-y;
  background-position: right;
  background-color: #fff;
}

div#sidemenu a.hover{
  text-decoration: none;
}

a.inquiry_btn {
  width: 230px;
  height: 54px;
  display: block;
  background-image: url('../img/inquiry_btn_off.jpg');
  background-repeat: no-repeat;
  background-position: left;
  background-color: #fff;
  padding: 0px;
  margin: 0px 0px 7px;
}

a.inquiry_btn:hover {
  background-image: url('../img/inquiry_btn_on.jpg');
}

a.application_btn {
  width: 230px;
  height: 54px;
  display: block;
  background-image: url('../img/application_btn_off.jpg');
  background-repeat: no-repeat;
  background-position: left;
  background-color: #fff;
  padding: 0px;
  margin: 0px 0px 7px;
}

a.application_btn:hover {
  background-image: url('../img/application_btn_on.jpg');
}

a.skype_btn {
  width: 230px;
  height: 54px;
  display: block;
  background-color: #fff;
  padding: 0px;
  margin: 0px 0px 7px;
}

div#sidemenu_bl {
  color : #000;
  width: 199px;
  height: 17px;
  display: block;
  font-size: 120%;
  background-image: url('../img/navi_menu_bg_bl.jpg');
  background-repeat: no-repeat;
  background-position: left;
  background-color: #fff;
  font-weight: bold;
  padding: 34px 5px 5px 27px;
}
div#sidemenu_or {
  color : #000;
  width: 199px;
  height: 17px;
  display: block;
  font-size: 120%;
  background-image: url('../img/navi_menu_bg_or.jpg');
  background-repeat: no-repeat;
  background-position: left;
  background-color: #fff;
  font-weight: bold;
  padding: 34px 5px 5px 27px;
}
div#sidemenu_gr {
  color : #000;
  width: 199px;
  height: 17px;
  display: block;
  font-size: 120%;
  background-image: url('../img/navi_menu_bg_gr.jpg');
  background-repeat: no-repeat;
  background-position: left;
  background-color: #fff;
  font-weight: bold;
  padding: 34px 5px 5px 27px;
}

div#side_submenu a.side_sub {
  color : #000;
  width: 216px;
  height: 24px;
  display: block;
  font-size: 100%;
  text-decoration: none;
  background-image: url('../img/navi_submenu_bg_off.gif');
  background-repeat: no-repeat;
  background-position: left;
  background-color: #fff;
  padding: 2px 3px 2px 25px;
}

div#side_submenu a.side_sub:hover{
  color : #222;
  background-image: url('../img/navi_submenu_bg_on.gif');
}

td.leftnavi {
  width: 216px;
  background-color: #fff;
  background-image: url('../img/left_navi_top_bg.gif');
  background-repeat: no-repeat;
  background-position: 100% 0%;
  text-align: left;
  padding: 10px 8px;
}

td.border {
  width: 4px;
  background-color: #fff;
  background-image: url('../img/left_navi_lwrbdr.gif');
  background-repeat: repeat-y;
  background-position: 0% 0%;
}

td.content {
  width: 600px;
  background-color: #fff;
  text-align: left;
  padding: 10px 7px;
}

div.margin-7px {
  height: 7px;
  background-color: #fff;
}

div.margin-15px {
 height: 15px;
  backgr ound-color: #fff;
}
/*Masa*/
div.margin-50px {
 height: 50px;
  backgr ound-color: #fff;
}
/*Masa*/
div.margin-100px {
 height: 100px;
  backgr ound-color: #fff;
}


div#top-pankuzu {
  width: 600px;
  height: 10px;
  display: block;
  color : #555;
  text-align: left;
  letter-spacing: 0px;
  text-decoration: none;
  padding: 0px 3px 20px;
}

div.maincontent{
  color : #333;
  text-align: left;
  letter-spacing: 1px;
  text-decoration: none;
  padding: 0px;
}

a.pankuzu{
  color : #555;
  text-align: left;
  letter-spacing: 0px;
  text-decoration: none;
  font-size: 100%;
  font-weight: bold;
  padding: 0px 3px;
}

a.pankuzu:hover {
  color : #f00;
}

/* 左ナビテキストエリア?オレンジ*/
div.left_navi_text_area_or {
  width: 210px;
  color : #000;
  text-align: left;
  letter-spacing: 1px;
  text-decoration: none;
  font-size: 100%;
  background-color: #fff;
  background-image: url('../img/left_navi_txt_area_bg_or.gif');
  background-repeat: repeat-y;
  background-position: 0% 0%;
  padding: 0px 10px 0px 12px;
  margin: 0px;
}
div.left_navi_text_area_upr_bg_or {
  width: 230px;
  height: 12px;
  display: block;
  background-color: #fff;
  background-image: url('../img/left_navi_txt_area_top_bg_or.gif');
  background-repeat: no-repeat;
  background-position: 0% 0%;
  padding: 0px;
  margin: 0px;
}
div.left_navi_text_area_lwr_bg_or {
  width: 230px;
  height: 11px;
  display: block;
  background-color: #fff;
  background-image: url('../img/left_navi_txt_area_btm_bg_or.gif');
  background-repeat: no-repeat;
  background-position: 0% 0%;
  padding: 0px;
  margin: 0px;
}

/* 左ナビテキストエリア?ブルー*/
div.left_navi_text_area_bl {
  width: 210px;
  color : #000;
  text-align: left;
  letter-spacing: 1px;
  text-decoration: none;
  font-size: 100%;
  background-color: #fff;
  background-image: url('../img/left_navi_txt_area_bg_bl.gif');
  background-repeat: repeat-y;
  background-position: 0% 0%;
  padding: 0px 10px 0px 12px;
  margin: 0px;
}

div.left_navi_text_area_upr_bg_bl {
  width: 230px;
  height: 10px;
  display: block;
  background-color: #fff;
  background-image: url('../img/left_navi_txt_area_top_bg_bl.gif');
  background-repeat: no-repeat;
  background-position: 0% 0%;
  padding: 0px;
  margin: 0px;
}

div.left_navi_text_area_lwr_bg_bl {
  width: 230px;
  height: 11px;
  display: block;
  background-color: #fff;
  background-image: url('../img/left_navi_txt_area_btm_bg_bl.gif');
  background-repeat: no-repeat;
  background-position: 0% 0%;
  padding: 0px;
  margin: 0px;
}

div#top-logo {
  display: block;
  height: 38px;
  width: 247px;
  padding: 2px 0px 0px 2px;
}

div#top-rht-menu {
  font-size: 80%;
 /* font-weight: bold;*/
  color: #000;
  display: block;
  height: 28px;
  width: 213px;
  padding: 4px 2px 8px 8px;
}

/*--- ここから 背景画像変更 14/1/10 sw 保留分 ---*/
div#banner-grn2 {
  width: 480x;
  height: 30px;
  background-color: #fff;
  display: block;
  background-image: url('../img/banner_grn_bg1.jpg');
  background-repeat: no-repeat;
  background-position: 100% 0%;
  text-align: left;
  padding: 40px 130px 25px 22px;
  margin: 0px 0px 10px 0px;
}

div#banner-orn2 {
  width: 480x;
  height: 30px;
  background-color: #fff;
  display: block;
  background-image: url('../img/banner_orn_bg1.jpg');
  background-repeat: no-repeat;
  background-position: 100% 0%;
  text-align: left;
  padding: 40px 130px 25px 22px;
  margin: 0px 0px 10px 0px;
}
div#banner-sep2 {
  width: 480x;
  height: 30px;
  background-color: #fff;
  display: block;
  background-image: url('../img/banner_sep_bg1.jpg');
  background-repeat: no-repeat;
  background-position: 100% 0%;
  text-align: left;
  padding: 40px 130px 25px 22px;
  margin: 0px 0px 10px 0px;
}
/*--- ここまで 背景画像変更 14/1/10 sw ---*/

/*--- ここから 背景画像追加 14/1/10 sw ---*/
div#banner-grn {
  width: 450x;
  height: 30px;
  background-color: #fff;
  display: block;
  background-image: url('../img/banner_grn_bg2.jpg');
  background-repeat: no-repeat;
  background-position: 100% 0%;
  text-align: left;
  padding: 40px 130px 25px 22px;
  margin: 0px 0px 10px 0px;
}

div#banner-orn {
  width: 450x;
  height: 30px;
  background-color: #fff;
  display: block;
  background-image: url('../img/banner_orn_bg2.jpg');
  background-repeat: no-repeat;
  background-position: 100% 0%;
  text-align: left;
  padding: 40px 130px 25px 22px;
  margin: 0px 0px 10px 0px;
}
div#banner-blu {
	height: 30px;
	background-color: #fff;
	display: block;
	background-image: url('../img/banner_blu_bg2.png');
	background-repeat: no-repeat;
	background-position: 100% 0%;
	text-align: left;
	padding: 40px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

div#banner-blu2{
	width: 450x;
	height: 30px;
	background-color: #fff;
	display: block;
	background-image: url(../img/banner_blu_bg1.png);
	background-repeat: no-repeat;
	background-position: 100% 0%;
	text-align: center;
	font-size: 24px;
	color: #FFF;
	vertical-align: middle;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 40px;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
	font-weight: bold;
	word-spacing: .1em;
}
div#banner-sep {
  width: 450x;
  height: 30px;
  background-color: #fff;
  display: block;
  background-image: url('../img/banner_sep_bg2.jpg');
  background-repeat: no-repeat;
  background-position: 100% 0%;
  text-align: left;
  padding: 40px 130px 25px 22px;
  margin: 0px 0px 10px 0px;
}
/*--- ここまで 背景画像追加 14/1/10 sw ---*/

div#maintitle {
	font-size: 140%;
	font-weight: bold;
	color: #FFF;
	display: block;
	width: 600px;
	height: auto;
	background-color: #fff;
	background-image: url(../img/main_title_bg.png);
	background-repeat: no-repeat;
	background-position: left 0%;
	text-align: center;
	margin: 0px;
	vertical-align: middle;
	word-spacing: .1em;
	padding-top: 11px;
	padding-right: 11px;
	padding-bottom: 30px;
	padding-left: 11px;
}

/*テーブル、リンクに属性あり*/
div#maincontentbody {
  line-height: 140%;
  color: #222;
  background-color: #fff;
  background-image: url('../img/main_title_upper_frame.jpg');
  background-repeat: no-repeat;
  background-position: 100% 0%;
  text-align: left;
  padding: 0px 20px 0px 20px;
  margin: 0px 6px;
}

/*オリジナル*/
div#maincontentbody2 {

  line-height: 140%;
  color: #222;
  background-color: #fff;
  background-image: url('../img/main_title_upper_frame.jpg');
  background-repeat: no-repeat;
  background-position: 100% 0%;
  text-align: left;
  padding: 0px 20px 0px 20px;
  margin: 0px 6px;
}

  /*Masa 背景画像なし*/
  div#maincontentbody3 {
	  width: auto;
	  line-height: 140%;
  color: #222;
  background-color: #fff;
  text-align: left;
  padding: 0px 20px 0px 20px;
  margin: 0px 6px;
  }
  
div#maincontentlwr {
  background-color: #fff;
  background-image: url('../img/main_title_lwr_frame.jpg');
  background-repeat: no-repeat;
  background-position: 100% 0%;
  display: block;
  width: 600px;
  height: 24px;
  margin: 0px 6px 14px 0px;
}

#halfcontent-lft {
  float: left;

}

#halfcontent-clear {
  clear: both;
}

#halfcontent-rht {
  float: right;
}

div.halfcontenttitle {
　font-size: 140%;
	font-weight: bold;
	color: #000;
	width: 247px;
	height: 26px;
	background-color: #fff;
	background-image: url('../img/half_content_upper_bg.jpg');
	background-repeat: no-repeat;
	background-position: 100% 0%;
	text-align: left;
	padding: 15px 15px 8px 40px;
	margin: 0px 0px;
	font-size: 140%;
}

/*height 160pxを削除 Masa*/
div.halfcontentbody {

  line-height: 140%;
  color: #222;
  width: 270px;
  /*height:250px;*/
  background-color: #fff;
 /* background-image: url('../img/half_content_lwr_bg.jpg');*/
  background-repeat: no-repeat;
  background-position: 100% 100%;
  text-align: left;
  padding: 7px 18px 20px 19px;
  margin: 0px 0px 15px 0px;

}

/*Masa*/
/*タイトルの文字サイズ140%の指定を削除、タイトルの文字はh２に指定する*/

div.fullcontenttitle {
  font-weight: bold;
  color: #000;
  width: 565px;
  height: 26px;
  background-color: #fff;
  background-image: url('../img/full_content_upper_bg.jpg');
  background-repeat: no-repeat;
  background-position: 100% 0%;
  text-align: left;
  padding: 15px 12px 8px 50px;
  margin: 5px 0px;
}
/*このスタイルは直接h２に書き込み済み*/
div.fullcontenttitle-slim{
  float:left;
  font-weight: bold;
  color: #000;
  width: 565px;
  background-color: #fff;
  background-image: url('../img/full_content_slim.gif');
  background-repeat: no-repeat;
  background-position: 100% 0%;
  text-align: left;
  padding: 15px 12px 8px 50px;
  margin: 5px 0px;
}

/*font-size 100%から120%へ変更masa*/
div.fullcontentbody {
	font-size:100%;

  color: #222;
  width: 597px;
  background-color: #fff;
  background-image: url('../img/full_content_lwr_bg.jpg');
  background-repeat: no-repeat;
  background-position: 100% 100%;
  text-align: left;
  padding: 0px 0px 20px 12px;
  margin: 0px 0px 15px 4px;
}

/*fullcontentbody背景画像無しmasa*/
div.fullcontentbody2 {
  font-size:100%;
  color: #222;
  width: 597px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  text-align: left;
  padding: 0px 0px 20px 12px;
  margin: 0px 0px 15px 4px;
}

a.link-bold {
  font-size: 120%;
  text-decoration: none;
  font-weight: bold;
  padding: 15px 5px 0px 0px;
}

a.link-mdl {
  font-size: 120%;
  text-decoration: none;
  padding: 15px 5px 0px 0px;
}

div#footer-linkmenu-area {
  font-size: 100%;
  font-weight: bold;
  color: #444;
  letter-spacing: 0px;
  text-align: center;
  display: block;
  height: 18px;
  width: 890px;
  padding: 4px 5px 4px 5px;
}

div#footer-copyright-area {
  font-size: 75%;
  color: #000;
  text-align: right;
  display: block;
  height: 18px;
  width: 884px;
  padding: 0px 7px 1px 6px;
}

/**************以下Masa 作成*****************/



.photostyle {
	background-color: #FFFFFF;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 10px;
	padding-left: 3px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	border: thin solid #CCCCCC;
}
.p-padding2em {
	padding-left: 2em;
}
/*学校紹介ページ用レイアウト**/




div.shortcontentbody{
	width:120px;
	border: thin dotted #3333CC;


}


div.semilongcontenttitle {
  font-weight: bold;
  font-size:20px;

  color: #000;
  width: 480px;
  height: 30px;
  background-color: #fff;
  background-image: url('../img/content_title_w500.jpg');
  background-repeat: no-repeat;

  text-align: left;
  padding: 5px 0px 0px 40px;
  margin: 10px 0px 0px;
}


div.semilongcontentbody {
  font-size: 100%; color:#222;
  width: 480px;
  background-color: #fff;
  text-align: left;
  padding: 7px 0px 20px;
  margin: 0px 0px 15px;
}



h3{ font-size:18px;

padding:0px 0px 0px 5px;
border-left:5px solid #FF817E;
}
h5{ font-size:100%;
}

div.fullcontentbody2 a:link{color:blue;}
div.fullcontentbody2 a:visited{color:purple;}
div.fullcontentbody2 a:hover{color:red;}

div.fullcontentbody a:link{color:blue;}
div.fullcontentbody a:visited{color:purple;}
div.fullcontentbody a:hover{color:red;}

div#maincontentbody a:link{color:blue;}
div#maincontentbody a:visited{color:purple;}
div#maincontentbody a:hover{color:red;}

div#maincontentbody3 a:link{color:blue;}
div#maincontentbody3 a:visited{color:purple;}
div#maincontentbody3 a:hover{color:red;}

div.semilongcontentbody a:link{color:blue;}
div.semilongcontentbody a:visited{color:purple;}
div.semilongcontentbody a:hover{color:red;}

div.sitemap_box a:link{color:blue;}
div.sitemap_box a:visited{color:purple;}
div.sitemap_box a:hover{color:red;}


div.textbg-01{
background-color: #ffffcc;
border-bottom-color:#66ffff;
border-bottom-style:dotted;
border-bottom-width:1px;
}
div.sitemap_box{

width:280PX;
}
div.sitemap_box ul{
list-style-type:square;
}






div.subject-box {
	background-color: #CACACA;
	float: none;
	border: 1px solid #666666;
	padding: 15px;
}
.photostyle-02{
	width:200px;
	height:150px;
	padding: 5px;
}

span.marupeke{
font-size: 200%;

}

div.city_name{
	font-weight: bold;
	background-color:#30F;
	padding:0em 2em;
	font-size:18px; color:#FFF; 
	height:30px;
	text-align:center; vertical-align:middle;
}

div.city_exp{
background-color:#ffffe0;
padding:1em;
}

div.winery_name{
	font-weight: bold;
	background-color:#f0e68c;

	padding:0em 1em;
}

div.winery_exp{
background-color:#ffffe0;

padding:1em;

}

div#newsbox{
	font-size:11px;
	overflow:auto;
	height:200px;
	margin:20px;
	background: #FFFFFF;
	border: thin ridge #FFFF00;
	padding:5px;
}

/*ここからニュースボックス関連*/
div#newsbox_body{
  font-size: 11px;
 
 
  color: #222;
  width:560px;
  background-color: #fff;
  text-align: left;
  padding:5px;
 
}
div#newsbox_body a:link{color:blue;}
div#newsbox_body a:visited{color:purple;}
div#newsbox_body a:hover{color:red;}

div#newsbox_body table{
border:1px #000000 solid;
border-collapse:collapse;
border-spacing:0;
}
/*ここまでニュースボックス関連*/
 
	
/*indes.htm top　ロゴ用*/
div#logo_left{
width:308px;
float:left;
}

div#logo_right{

float:right;
}

/*indes.htm top　ロゴ用終わり*/


--- Added for input forms ---
.cel1c {
       background: #EDF1F2;
       text-align: right;
       border-bottom: 1px solid #C3C8C9;
}

.cel2 {
       text-align: left;
       border-bottom: 1px solid #C3C8C9;
       line-height: 150%;
}

.cel1c-2 {
       background: #EDF1F2;
       text-align: center;
       border-bottom: 1px solid #C3C8C9;
}
--- End of Added for input forms ---