@charset "Shift_JIS";

/*　全体の設定　*/
/*　clearfixハック　*/
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* MacIE5以外 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}

/*0830つけたしました*/
.clearfixright {display:block;
padding:0 0 0 155px;}
/* MacIE5以外終わり */

/*0903つけたしました*/
.clearfixright2 {
border-top: solid 1px #333333;
display:block;
padding:20px 0 0 155px;}
/* MacIE5以外終わり */

body {
-webkit-text-size-adjust:100%;
	margin: 0;
	padding: 0;
	background: #ffffff;
	line-height: 180%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS-PGothic, sans-serif;
	color: #333333;
}
img {
	border: none;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
dl, dt, dd {
	margin: 0;
	padding: 0;
}

/*　Win+IE6の場合，通常のインラインのままのimgには
	とれないmarginがついているため、ボックス要素にしてそのmarginをなくす　*/
#place img, #footer img {
	display: block;
}

/*　左floatと右floatとfloatのclear　*/
.lfloat {
	float: left;
}
.rfloat {
	float: right;
}
.fclear {
	display: inline;
	clear: both;
}


/*　テキスト右寄せ　*/
.rpos {
	text-align: right;
}

/*　赤い文字の注　*/
.notes {
	color: #f85353;
}
/*　注釈用　*/
.subtxt {
	line-height: 150%;
	color: #666666;
}
.subtxt2 {
	color: #666666;
}
.notxt {
	color: #999999;
}
.notxt2 {
	line-height: 150%;
	color: #999999;
}

/*　ヘッダー部分　*/
#header_cover {
	background: url(../Images/header_bg.gif) repeat-x;
	/* MacIE5だけに適用させる \*//*/
	background: url(../Images/header_bg_macie.gif) repeat-x;
	border-bottom: solid 3px #333333;
	height: 160px;
	/* ここから先は全部に適用される*/
}

#header {
	width: 920px;
	height: 157px;
	margin-left: 24px;
	background: url(../Images/online_bg.gif) no-repeat;
	border-bottom: 3px solid #333333;
	/* MacIE5だけに適用させる \*//*/
	background: url(../Images/online_bg_macie.gif) repeat-y;
	border-bottom: none;
	/* ここから先は全部に適用される*/
}

#header_top {
	background: url(../Images/icconline_bg.gif) repeat-x;
}
#icconline {
	display: block;
	float: left;
}
#menuswf {
	float: right;
	width: 698px;
}
/*　ヘッダーの左側　*/
#iccSearch {
	float: left;
	height: 22px;
	padding: 21px 0 0 5px;
	/* MacIE5だけに適用させる \*//*/
	padding: 12px 0 0 5px;
	/* ここから先は全部に適用される*/
}


#iccSearch #iccSearchInput {
	display: block;
	float: left;
	width: 126px;
	height: 14px;
	margin: 2px 5px 0 0;
	padding: 0;
	font-size: 10px;
}

/*　Safariのテキストエリアの大きさを修正するハック　*/
html[xmlns*=""] body:last-child #iccSearch #iccSearchInput {
	width: 130px;
	height: 18px;
}

#iccSearch #search_btn {
	display: block;
	float: left;
	margin: 2px 7px 0 0;
}
#iccSearch #line {
	display: block;
	float: left;
	margin-right: 6px;
}
#schedule {
	float: left;
	margin-top: 2px;
	background: url(../Images/schedule_btn-over.gif) no-repeat;
}
#schedule a {
	display: block;
	width: 72px;
	height: 18px;
}
#schedule a:hover {
	background-color: transparent;
}
#schedule a:hover img {
	visibility: hidden;
}

/*　ヘッダーの右側　*/
#place {
	float: right;
	width: 635px;
}

/*　copyrightの中は右寄せにしたいので、
	一番上の#footer imgでボックス化したimgをインラインに戻す　*/
#footer #copyright img {
	display: inline;
}
/*　Win+IE6の場合，通常のインラインのままのimgには
	とれないmarginがついているため、ボックス要素にしてそのmarginをなくす　*/
#navi img {
	display: block;
}

#navi2 img {
	display: block;
}


/*　ヘッダのロゴ　*/
#logo {
	margin-left: auto;
	margin-right: 0;
}

/*　メイン　*/
#main {
	width: 944px;
	margin: 0;
	margin-bottom: 90px;
}
/*　コンテンツ部分（右側）　*/
#contents {
	float: right;
	width: 608px;
}
/*　パンくず及びタイトル部分　*/
#top {
	width: 600px;
	height: 133px;
	padding: 6px 8px 0 0;
	background: url(../Images/path_bg.gif) repeat-x;
}

#topex {
	width: 600px;
	height: 133px;
	padding: 6px 8px 0 0;
	background: url(../Images/foot_bg.gif) repeat-x scroll 0%;
}

#top2 {
	width: 600px;
	height: 133px;
	padding: 6px 8px 0 0;
	background: url(../Images/path_bg.gif) repeat-x;
}
#top2 img {
	display: block;
}

#top3 img {
	display: block;
}


#top3 {
	width: 600px;
	height: 133px;
	padding: 6px 8px 0 0;
	background: url(../Images/path_bg.gif) repeat-x;
}

#top_sch {
	width: 600px;
	height: 133px;
	padding: 6px 8px 0 0;
	background: url(../Images/path_bg.gif) repeat-x;
}

#topnomenu {
	width: 600px;
	height: 45px;
	padding: 5px 8px 0 0;
	background: url(../Images/path_bg2.gif) repeat-x;
}



#top p, #top2 p, #top3 p, #topnomenu p, #top_sch p {
	height: 20px;
	margin: 0;
	text-align: right;
}
/*　a:hoverでボーダーを出す場合、
　　<a>に対して以下のようにボーダーの設定を行っていないと、
　　win系でFlashの挙動がおかしくなることがある　*/
#top p a, #top2 p a, #top3 p a, #topnomenu p a, #top_sch p a {
	color: #0098bd;
	text-decoration: none;
	/*border-bottom: 1px none transparent;*/
}
#top p a:hover, #top2 p a:hover, #top3 p a:hover, #topnomenu p a:hover, #top_sch p a:hover {
	/*border-bottom: 1px solid #0098bd;*/
}

/*　サブメニュー用　*/
#top2 ul, #top3 ul, #topnomenu ul{
	margin: 89px -8px 0 auto;
}
* html #top2 ul, #top3 ul {
	margin: 87px -8px 0 auto;
}
/* Mac IE5のみ適用 \*//*/
html #top2 ul {
	margin: 89px -8px 0 auto;
}
/* end */

#top2 li, #top3 li, #topnomenu li {
	float: left;
	height: 24px;
}
#top2 li a, #top3 li a {
	display: block;
	width: 64px;
	height: 24px;
}
#top2 li a:hover, #top3 li a:hover {
	background-color: transparent;
}
#top2 li a:hover img, #top3 li a:hover img {
	visibility: hidden;
}

/*　メインコンテンツ部分　*/
#main_contents, #main_contents2, #main_contents_old, #main_contents_intro{
	border-top: solid 1px #333333;
}
/*#main_contents a:hover, #main_contents2 a:hover {
	border-bottom: 1px solid #0098bd;　
}*/
#main_contents2 img {
	display: block;
}



/*　ナビゲーション部分（左側）　*/
#navi {
	float: left;
	width: 304px;
	background: url(../Images/title_bg.gif) no-repeat;
}

#navinomenu {
	float: left;
	width: 304px;
}
#navi_visitor {
	float: left;
	width: 304px;
	background: url(../Images/title_bg3.gif) no-repeat;
}

/*　コーナータイトル部分　*/
#title {
	width: 280px;
	height: 112px;
	margin-left: 24px;
	padding: 27px 0 0 0;
}
#title2 {
	width: 280px;
	height: 112px;
	margin-left: 24px;
	padding: 27px 0 0 0;
}
#title_sch {
	width: 280px;
	height: 112px;
	margin-left: 24px;
	padding: 27px 0 0 0;
}
#title img, #title2 img, #title_sch img {
	display: block;
	margin: 0 0 0 auto;
}
/*　ナビゲーション本体　*/
#navi ul, #navi_visitor ul {
	border-top: solid 1px #333333;
}
#navi ul a, #navi_visitor ul a {
	display: block;
	width: 304px;
	height: 25px;
}
#navi li, #navi_visitor li {
	display: inline;
	height: 25px;
	line-height: 0;
}
#navi ul a:hover, #navi_visitor ul a:hover {
	background-position: 0px -25px;
}
#navi ul a span, #navi_visitor ul a span {
	display: none;
}

#navi_j_icctop a {
	background: url(../Images/to_icc_top_jp.gif) no-repeat;
}


/* no menuのみ　*/
#nomenu {
	width: 304px;
	height: 157px;
	margin-left: 0px;
	padding: 50px 0 0 0;
	background: url(../Images/title_bg3.gif) no-repeat;	
}

#nomenu img {
	display: block; 
	margin: 0 0 0 auto;
}

#nomenusearch {
	width: 304px;
	height: 50px;
	margin-left: 0px;
	padding: 50px 0 0 0;
	background: url(../Images/title_bg3.gif) no-repeat;
	
}
#nomenusearch img {
	display: block; 
	margin: 0 0 0 auto;
}

#navinomenu img {
	/*  display: block; */
}



/*　フッター部分　*/
#footer_cover {
	background: url(../Images/foot_bg.gif) repeat-x;
}
#footer {
	width: 920px;
	height: 107px;
	margin-left: 24px;
}
#footer ul {
	height: 23px;
	padding: 0 0 0 639px;
	border-bottom: 1px solid #333333;
}
#footer ol {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer li {
	display: block;
	float: left;
}

#copyright {
	float: right;
	margin: 0;
	padding: 0;
	text-align: right;
}

/*　イメージのテキスト部分　*/
#txt {
	width: 608px;
	padding: 22px 0;
	border-top: solid 1px #333333;
	text-align: right;
}
#txt img {
	margin: 0 0 0 auto;
}
/*　日本語のテキストだけに使用　*/
#txt #txt_jp {
	margin-bottom: 20px;
}

/*　各コーナーのリスト　*/
#indexpage li {
	float: left;
	width: 140px;
	margin:0 16px 2px 0;
    color: #666666;	
}

}
#indexpage li p {
	margin: 5px 0;
	line-height: 150%;
	color: #666666;
}

#indexpage img {
	display: block;
}
/*　リストの一番右はじのものだけに使用　*/
#indexpage li.ul_end {
	margin-right: 0;
}

/* カフェショップ図書室TOP */


#ame_icon {
border-top:1px solid #333333;
padding:22px 0pt;
}

#ame_txt {
 	width: 608px;
	padding: 26px 0 48px 0;
	text-align: right;
	clear:both;
	float: right;

}

#ame_txt img {
	margin: 0 0 0 auto;
}

ul#right {
	float: right;
	width: 296px;
}

/* ex header */
#exheader_cover {
    margin-bottom:0;
	height: 27px;
     background: url(../Images/exheader_bg.gif) repeat-x;	
}

#exheader_cover #main{
margin-bottom:0;
}


/*　アイコン３つのみに適用　*/
ul#3icon {
	float: right;
	width: 608px;
}



/*　アメニティtopics　*/
.ame_topics_top {
	margin: 0;
	padding: 0;
}

.ame_topics {
	margin: 5px 0 5px 0;
}