@charset "utf-8";

/*-----------------------------------------------------

Base Layout Style
※ブラウザ表示速度を考慮し、インデント・改行を無くしています。
※CSSは個別に読み込む方がブラウザ表示速度は速くなりますが、管理しやすいよう、importしています。
※Dreamweaverのデザイン画面においてもある程度正しく表示されるようにしています。
※yui fonts.cssで文字サイズをbodyに対して標準13pxに指定しています。ここでbodyにfont-sizeを指定すると設定を上書きしてしまうことになるので絶対に避けてください。Wrapにかけるなどする。

------------------------------------------------------*/

/* =========================================================
◆Link Style
========================================================= */

a:link    { color: #666666; text-decoration: none; }
a:visited { color: #666666; text-decoration: none; }
a:hover   { color: #e62e8b; text-decoration: underline; }
a:active  { color: #666666; text-decoration: none; }

/* =========================================================
◆基本
========================================================= */
body { background:#F1EEE4; color:#333; }
img { vertical-align:bottom; }
a:hover img { filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
img.rollover2 { filter:alpha(opacity=100) !important;-moz-opacity:1.0 !important;opacity:1.0 !important;}
imput [type=image]:hover { filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
/* =========================================================
◆Head
========================================================= */
#Head { background:url(../images/head_bg.jpg) repeat-x left 25px #B40037; }
.head_inner { width:980px; margin:0 auto; }

.head_top { height:25px; }
.head_top .head_description { width:658px; float:left; color:#CAC8AE; font-size:77%; line-height:25px; }
.head_top .head_nav { width:322px; float:right; }
.head_top .head_nav li { display:inline; float:left; margin-left:25px; }
.head_top .head_nav li a { display:block; padding:7px 0; *padding:3px 0 0; }

.head_main { height:93px; _margin-bottom:3px; }
.head_main_left { float:left; padding-top:18px; }
.head_main_left p { float:left; padding-top:6px; }
.head_main_right { width:440px; float:right; padding-top:12px; }
.head_main_right .head_card { width:120px; float:left; }
.head_main_right .head_inquiry { width:193px; float:right; }
.head_main_right .head_inquiry img { margin-bottom:4px; }


/* =========================================================
◆Gnav
========================================================= */
#Gnav { height:36px; background:url(../images/gnav_bg.jpg) repeat-x; border:1px #fff solid; }
.gnav_inner { width:981px; margin:0 auto; }
.gnav_inner ul li { float:left; display:inline; }


/* =========================================================
◆Main
========================================================= */
#dirPath { padding:16px 20px 14px; height:1.2em;}
#dirPath ul li { float:left; display:inline; font-size:93%; color:#262525;  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#dirPath ul li a { margin-right:0.5em; background:url(../images/dirpath.jpg) no-repeat right center; padding-right:12px; color:#262525;}

#Main { clear:both; background:url(../images/bg_001.jpg) repeat-x; }
#Main_inner { width:988px; margin:0 auto; }

#Cont { display:inline; float:left; width:752px; padding:20px 0 15px 0px; margin-left:8px;}
.cont_inner { width:606px; margin:0 auto;}

#Lside { display:inline; float:left; width:224px; background:url(../images/lside_bg.gif) repeat-y; }
#Lnav { margin-bottom:15px; text-align:center;}
#Lnav li { text-align:center; margin-bottom:3px; }
.sideblock { text-align:center;}
.side_mobile { width:203px; height:173px; margin:0 auto; background:url(../images/side_bnr_005.jpg) no-repeat left 65px; }
.side_mobile p { font-size:77%; line-height:13px; margin:8px 4px 0 105px; text-align:left; }

.side_sociallink { width:205px; height:56px; margin:0 auto; }

.party_map { width:216px; height:251px; background:url(../images/side_map.jpg) no-repeat center top; margin: 0 auto; position:relative;}
.party_map span { position:absolute; display:block;}
.party_map span a { display:block; text-indent:-9999px; line-height:25px; height:25px;}
.party_map .area01 { width:53px; height:25px; top:17px; left:111px;}
.party_map .area02 { width:53px; height:25px; top:61px; left:111px;}
.party_map .area03 {
	width:53px;
	height:25px;
	top:160px;
	left:146px;
}
.party_map .area04 { width:53px; height:25px; top:99px; left:85px;}
.party_map .area05 { width:53px; height:25px; top:195px; left:85px;}
.party_map .area06 { width:80px; height:25px; top:131px; left:14px;}
.party_map .area07 { width:53px; height:25px; top:211px; left:15px;}
.party_map .area08 { width:53px; height:25px; top:195px; left:147px;}
.party_map .area01 a { background:url(../images/area_01.jpg) no-repeat;}
.party_map .area02 a { background:url(../images/area_02.jpg) no-repeat;}
.party_map .area03 a { background:url(../images/area_03.jpg) no-repeat;}
.party_map .area04 a { background:url(../images/area_04.jpg) no-repeat;}
.party_map .area05 a { background:url(../images/area_05.jpg) no-repeat;}
.party_map .area06 a { background:url(../images/area_06.jpg) no-repeat;}
.party_map .area07 a { background:url(../images/area_07.jpg) no-repeat;}
.party_map .area08 a { background:url(../images/area_08.jpg) no-repeat;}
.party_map span a:hover { background-position:-53px;}
.party_map span.area06 a:hover { background-position:-80px;}


.side_search { height:67px; }

/*
* html div.side_search {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
(src=../_shared/images/side_title_002.png);
}
*/
/*
* html div.side_search img{
    display:none;
}
*/

/* =========================================================
◆pageTop
========================================================= */
.pageTop { clear:both; position:relative; }
.pageTop a { display:block; position:absolute; top:-60px; right:-50px; }
.pageTop2 { clear:both; text-align:right; margin:0 41px 0 0; padding-bottom:49px; }
.pageTop2 a { background:url(../images/arrow_001.jpg) no-repeat left center; padding-left:18px; font-size:93%; color:#0078d1 !important; }


/* =========================================================
◆Social
========================================================= */
#Social { background:#E2DEC9; clear:both; }
#Social_inner { width:980px; margin:0 auto; padding:20px 0; }

#Social .twitter { width:484px; height:321px; float:left; }
#Social .facebock { width:484px; height:321px; margin-left:12px; float:left; background:#fff; }
.twtr-timeline { height:233px !important; overflow:auto !important;}

/* =========================================================
◆Foot
========================================================= */
#Foot { background:#000; clear:both; font-size:93%; }
#Foot_inner { position:relative; width:980px; height:350px; margin:0 auto; padding-top:20px; }
#Foot li { display:block; background:url(../images/icon_001.jpg) no-repeat left 11px; padding:5px 1px 0 15px; line-height:18px; }
#Foot li a { color:#fff; zoom:1; }
#Foot li a.foot_menu { color:#fff; zoom:1; width:135px; float:left; }
#Foot li li { background:url(../images/icon_002.jpg) no-repeat left 11px; padding-left:10px; line-height:16px; }

#Foot .foot_center li li, #Foot .foot_right li li { font-size:10px; line-height:12px;}
#Foot li li a { font-weight:normal; }
#Foot .foot_left { float:left; width:420px; }
#Foot .foot_center { float:left; width:370px; padding-top:27px; }
#Foot .foot_center_left { float:left; width:180px; }
#Foot .foot_center_right { float:left; width:140px; }
#Foot .foot_right { float:left; width:160px; padding-top:27px; }
#Foot .foot_right_bottom { padding-top:5px; }
#Foot .foot_right_bottom li { background-position:left 8px; line-height:16px; }
#Foot .foot_left li { color:#FFFFFF;}
#Foot .foot_info { width:980px; margin:10px auto; border-top:#595959 1px solid; padding:17px 0 23px;  }
#Foot .foot_info p { text-align:right; color:#FFFFFF; font-size:10px;}
#Foot li a.foot_pl { display:inline;}

/* =========================================================
◆CLEARFIX
========================================================= */
#Gnav ul:after,
#Foot ul:after,
#dirPath ul:after,
#Head #headR:after,
#Head #headR ul:after,
#Head:after,
#Main:after  { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
#Gnav ul,
#Foot ul,
#dirPath ul,
#Head #headR,
#Head #headR ul,
#Head,
#Main        { min-height: 1px; }
* html #Gnav ul,
+ html #Foot ul,
* html #dirPath ul,
* html #Head #headR,
* html #Head #headR ul,
* html #Head,
* html #Main { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

/* =========================================================
120422 追加分


#Foot li li a
#Foot li a.foot_menu

削除 display:block;

#Foot li a

削除 font-weight:bold;

.head_main_right

変更 width:440px;

========================================================= */

.foot_tit{ display:block; font-weight:bold;}

/* =========================================================
120423修正分

変更
#Foot .foot_center_right { float:left; width:140px; }

========================================================= */


/* =========================================================
120424修正分

削除
.head_main_left h1 { float:left; margin-right:18px; }

========================================================= */

.head_main_left .logo { float:left; margin-right:18px; }



/* =========================================================
120604修正分

下記スタイル修正

* html div.side_search {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
(src=../_shared/images/side_title_002.png);
}

* html div.side_search img{
    display:none;
}

========================================================= */


#Social .facebock iframe { border:none; overflow:hidden; width:484px; height: 312px; }
* html #Social .facebock iframe { border:none; overflow:hidden; width:484px; height: 312px; padding-bottom: 10px; }



* html div.side_search {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src="../_shared/images/side_title_002.png");
text-indent: -9999px;
}

* html div.side_search img{
}


/* =========================================================
120605修正分

========================================================= */

* html .schedule_search_table table td table td { padding: 0 0 3px 0;}
* html .schedule_search_table table td table td label { line-height: 1.2em;}

* html #Foot .foot_info p img { vertical-align: text-bottom;}

* html #Social_inner { overflow: hidden;}
* html #Social .facebock { float: right;}

.pageTop { clear:both; position:relative; }
.pageTop a { display:block; position:absolute; top:-60px; right:-50px; }
.pageTop2 { clear:both; text-align:right; margin:0 41px 0 0; padding-bottom:49px; }
.pageTop2 a { background:url(../images/arrow_001.jpg) no-repeat left center; padding-left:18px; font-size:93%; color:#0078d1 !important; }





/* =========================================================
120713修正分

========================================================= */

p#sp-img {
	width: 115px;
	height: 53px;
	padding-top: 0;
	margin: -5px 0 0 0;
	}
p#sp-img img {
	line-height: 1.0em;
	font-size: 0;
	margin: 0;
	}

.head_main_right02 { width: 635px; float:right; padding-top:12px;}
.head_main_right02 .head_card { width:120px; float:left; }
.head_main_right02 .head_inquiry { width:193px; float:right; }
.head_main_right02 .head_inquiry img { margin-bottom:4px; }


#login-box {
	width: 284px;
	height: 58px;
	background: url(../images/login_back.gif) 0 0 no-repeat;
	float: left;
	padding: 7px 9px;
	margin-right: 10px;
	}
* html #login-box img {
	vertical-align: top;
	font-size: 1;
	line-height: 1.0;
	}
* html #login-box #login-title img { border: none; vertical-align: top;}
*+html #login-box img {
	vertical-align: top;
	font-size: 1;
	line-height: 1.0;
	}
*+html #login-box #login-title img { border: none; vertical-align: top;}

#input-btn {
	font-size: 12px;
	color: #b40037;
	padding-top: 5px;
	}
* html #input-btn {
	padding-top: 1px;
	}
*+html #input-btn {
	padding-top: 1px;
	}
#input-btn input {
	height: 22px;
	vertical-align: middle;
}

#input-btn input.text-in {
	width: 77px;
	height: 18px;
	vertical-align: middle;
}


#input-ch {
	font-size: 10px;
	text-align: right;
	padding-top: 4px;
	}
* html #input-ch { padding-top: 1px;}
*+html #input-ch { padding-top: 1px;}


#input-ch input {
	vertical-align: middle;
	}
#input-ch .pass-ch {
	color: #868579;
	}
#input-ch .auto-login {
	color: #b40037;
	}
#input-ch a {
	text-decoration: underline;
	}
#input-ch a:hover {
	text-decoration: none;
	}
#login-name {
	padding: 5px 0 0 5px;
}
#login-name span {
	font-weight: bold;
}
#login-myp {
	text-align: right;
	padding-top: 5px;
	}