@charset "utf-8";
/* --------------------------------

	(基本レイアウト)

		* last update 09.06/09
		* modify : nazal;
	
--------------------------------

	index
	
	1. Structure Frames
	
	2. Template Style
		├ 2-1. header
		├ 2-2. mainContent
		├ 2-3. aside
		└ 2-4. footer
	
	3. Conditional
		├ 3-1. home
		├ 3-2. 1column
		├ 3-3. 検索窓など
		├ 3-3. 検索窓など
	
--------------------------------


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

	 1. Structure Frames
 
============================================================================================================*/

/*  フッターを下端に配置させる下準備
-----------------------------------*/
html,
body,
#wrapper {
	height: 100%;
}
body > #wrapper {
	height: auto;
	min-height: 100%;
}

/*  基本フレーム
-----------------------------------*/
body {
	background: #ffffe1 url(../img/common/bg_body.png) repeat-y center;
	text-align : center;
}
#wrapper {
	background: url(../img/common/bg_head.jpg) no-repeat top center;
	text-align : left;
}
#header {
	margin-bottom : 10px;
	height: 205px;
}
#container {
	background: #fff;
	clear : both;
	margin : 0px auto;
	padding-bottom: 175px;
	width : 980px;
}
#container .inner {
	float : left;
	width: 790px;
}
#mainContent {
	background : #ffffff;
	float : right;
	width : 600px;
}
#aside01 {
	background : #ffffff;
	float : left; /* for IE6.0 */
	width : 180px;
}
#aside02 {
	background : #ffffff;
	float : right;
	width : 180px;
}

.sidebanner {
	text-align:center;
}

#footer {
	background-color: #ece9d8;
	position: relative;
	margin-top: -121px; /* negative value of footer height */
	height: 121px;
	clear:both;
	text-align: left;
}

#footer_disp {
	clear:both;
	font-size:10px;
}

/*  スクリーンリーダー用とCSS無効時の配慮
-----------------------------------*/
#nocss,
.accessible {
	display : none;
}
/* ==========================================================================================================

	 * 2. Template Style
 
============================================================================================================*/

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

	 2-1. header
 
============================================================================================================*/
#header .inner {
	position: relative;
	margin : 0px auto;
	width : 981px;
}
#header .siteID {
	position: absolute;
	top: 60px;
	left: 2px;
}
#header .tagLine {
	padding-top: 8px;
	font-size: 12px;
	color: #cc99cc;
}
#gNav {
	position: absolute;
	top: 163px;
	left: 1px;
}
#gNav li {
	float: left;
}


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

	 2-2. mainContent
 
============================================================================================================*/
#mainContent p {
	margin-bottom: 0.8em;
}

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

	ローカルナビ

---------------------------------------------------------------------*/
ul.localNav {
	margin-bottom: 1em;
}
ul.localNav li {
	float: left;
}




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

	 2-3. aside1,2
 
============================================================================================================*/

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

	サイドカラムナビゲーション

---------------------------------------------------------------------*/
#subNav {
	border: 2px solid #dad3b3;
	margin-bottom: 10px;
	padding: 10px 8px 0 8px;
	font-size: 12px;
}
#subNav ul {
	margin-bottom: 8px;
}
#subNav li {
	background: url(../img/common/parts/linkArrow01.png) no-repeat 0% 8px;
	border-bottom: 1px dotted #999999;
	padding: 6px 0 6px 18px;
	line-height: 1.4;
}
#subNav li.lastChild {
	border-bottom: none;
	padding-bottom: 0;
}
#subNav a {
	text-decoration: none;
	color: #666666;
}
#subNav a:hover {
	text-decoration: underline;
}

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

	ログインフォーム

---------------------------------------------------------------------*/
#login {
	margin-bottom: 10px;
}
#loginForm {
	border: 2px solid #dad3b3;
	padding: 10px 8px 0 8px;
}

#loginForm p {
	margin-bottom: 5px;
}
#loginForm p.firstChild {
	margin-bottom: 1px;
}
#loginForm label {
	margin-right: 1px;
	vertical-align: middle;
}

/*  input type="text, password"
-----------------------------------*/
#loginId,
#passwd {
	border: 1px solid #dad3b3;
	width: 116px;
	height: 18px;
}
#loginId:focus,
#passwd:focus {
	border: 1px solid #cc9a02;
}

/*  input type="checkbox"
-----------------------------------*/
#rememberMe {
	margin: 0;
	margin-right: 1em;
}

/*  ログインボタンをhover時に透過させる
-----------------------------------*/
#loginForm .loginBtn:hover{
	opacity: 0.8;
	filter: alpha(opacity=80); /* IE7 */
	-ms-filter: "alpha(opacity=80)"; /* IE8 */
}

/* SSLボタン
-----------------------------------*/

#ssl {
	background:url(../img/common/ssl_bg.jpg) no-repeat 0 0;
	width:auto;
	height:31px;
	text-align:center;
	margin:0 -5px 0 -5px;
	line-height:31px;
	font-size:11px;
}

#ssl img {
	margin-top:2px;
}

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

	おすすめ会場

---------------------------------------------------------------------*/
#recommend dt {
	background-color: #ffffcc;
	padding: 6px 8px;
	font-size: 12px;
	font-weight: bold;
	color: #52361b;
}
#recommend dd {
	padding: 0 8px;
}
#recommend ul {
	margin-bottom: 5px;
}
#recommend li {
	background: url(../img/common/parts/linkArrow_rank01.png) no-repeat 0% 6px;
	border-bottom: 1px dotted #999999;
	padding: 4px 0 5px 18px;
	line-height: 1.4;
}

/*  ランキング設定
-----------------------------------*/
#recommend li.rank01 {
	background: url(../img/common/parts/linkArrow_rank01.png) no-repeat 0% 6px;
}
#recommend li.rank02 {
	background: url(../img/common/parts/linkArrow_rank02.png) no-repeat 0% 6px;
}
#recommend li.rank03 {
	background: url(../img/common/parts/linkArrow_rank03.png) no-repeat 0% 6px;
	border-bottom: none;
}

#recommend li a {
	text-decoration: none;
	color: #666666;
}
#recommend li a:hover {
	text-decoration: underline;
}
#recommend li.rank01 a {
	color: #ff6600;
}

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

	広告バナー

---------------------------------------------------------------------*/
.adBnr li {
	margin-bottom: 10px;
}



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

	 2-4. footer
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	footNav

---------------------------------------------------------------------*/
#footer .inner {
	position: relative;
	margin : 0px auto;
	padding-top: 20px;
	width : 980px;
	height: 90px;
}
/*  ページTop
-----------------------------------*/
#footer .pageTop {
	position: absolute;
	top: -20px;
	right: 0;
}
/*  フッターナビ
-----------------------------------*/
#footer ul {
	float: left;
	margin-bottom: 5px;
	width: 570px;
}
#footer ul li {
	float: left;
	background: url(../img/common/bg_footNav.png) no-repeat 100% 50%;
	padding-right: 13px;
}
#footer ul li.lastChild {
	background: none;
}
#footer li a {
	text-decoration: none;
	color: #666666;
}
#footer li a:hover {
	text-decoration: underline;
}

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

	著作権表記

---------------------------------------------------------------------*/
#footer address {
	float: right;
	width: 300px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	letter-spacing: 0.05em;
	color: #ff9900;
}
#footer address a {
	text-decoration: none;
	color: #ff9900;
}
#footer address a:hover {
	text-decoration: underline;
}
/* ==========================================================================================================

	 * 3. Conditional
 
============================================================================================================*/


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

	 3-1. home.html
 
============================================================================================================*/
body.home {
}
/* ==========================================================================================================

	 3-2. 1column
 
============================================================================================================*/
body.single {
}
body.single #mainContent {
	float: none;
	width: 778px;
}
/* ==========================================================================================================

	 3-3. popUpウインドウ
	 
	 bodyIDをpopUpにするだけで基本フレームが変わります。
	 基本フレームは[wrapper][header][mainContent][footer]だけ。
	 レイアウトはどうにでもしてください。
 
============================================================================================================*/
body#popUp #wrapper {
	width : 324px;
	padding : 30px;
}
body#popUp #header {
}
body#popUp #mainContent {
	float : none;
	margin-bottom : 15px;
	width : 324px;
}
body#popUp #footer {
}
/* ==========================================================================================================

	 3-4. 検索窓など
	 
	 初期設定は検索窓とボタンでそれぞれIDを振り分け
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	input

---------------------------------------------------------------------*/
input#word {
	border: 1px solid #D53A32;
	background-color: #FFFFFF;
	margin-left: 5px;
	width : 127px;
	height : 19px;
	vertical-align: bottom;
}
input#word:focus {
	background: #FFFFDF;
}
/*  ------------------------------------------------------------------

	btn

---------------------------------------------------------------------*/
input#searchBtn {
	margin-left: 5px;
	font-size: 125%;
}

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

	96. Mix

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

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

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

	97. pass & login

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

#pass {
	position:relative;
	background:url(../img/pass/pass.jpg) no-repeat 0 0;
	width:600px;
	height:376px;
}

#pass h1 {
	display:none;
}

#pass h2 {
	color:#FF6600;
	font-size:14px;
	margin-bottom:10px;
}

#pass p {
	margin-bottom:10px;
}


#pass .entry {
	position:absolute;
	left:13px;
	top: 94px;
}

#pass .login {
	background:url(../img/login/login_box.jpg) no-repeat 0 0;
	width:332px;
	height:88px;
	padding:10px;
}

#pass .login .login_txt {
	width:200px;
	height:19px;
	border:1px solid #ccc;
}

#pass .login .login_bt {
	text-align:center;
	margin-top:15px;
}


#loginpage {
	position:relative;
	background:url(../img/pass/login.jpg) no-repeat 0 0;
	width:600px;
	height:376px;
}

#loginpage h1 {
	display:none;
}

#loginpage h2 {
	color:#FF6600;
	font-size:14px;
	margin-bottom:10px;
}

#loginpage p {
	margin-bottom:10px;
}


#loginpage .entry {
	position:absolute;
	left:13px;
	top: 94px;
}

#loginpage .login {
	background:url(../img/login/login_box2.jpg) no-repeat 0 0;
	width:332px;
	height:88px;
	padding:10px;
}

#loginpage .login .login_txt {
	width:200px;
	height:19px;
	border:1px solid #ccc;
}

#loginpage .login .login_bt {
	text-align:center;
	margin-top:15px;
}

#mainContent .alpha {
	margin-bottom:10px;
}

#mainContent .alpha a:hover img,
.top_list_bt a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}


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

	98. msg

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

#msg {

}

#msg a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}

#msg .msg_box {
	margin:10px 0;
}

#msg .msg_box table {
}

#msg .msg_box th {
	background:url(../img/msg/th_bg.png) no-repeat center;
	color:#52361B;
	font-size:12px;
	line-height:30px;
}

#msg .msg_box th.date,
#msg .msg_box th.team,
#msg .msg_box th.subject {
	text-indent:10px;
}

#msg .msg_box th.date {
	background:url(../img/msg/th_left.png) no-repeat 0 0;
	width:109px;
}

#msg .msg_box th.team {
	background:url(../img/msg/th_center.png) no-repeat 0 0;
	width:185px;
}

#msg .msg_box .msg_mail_icon {
	margin:0 5px 0 0;
}

#msg .msg_box th.submit {
	text-align:center;
	background:url(../img/msg/th_right.png) no-repeat right 0;
	width:102px;
}

#msg .msg_box td.submit {
	text-align:center;
}

#msg .msg_box td {
	padding:5px 10px;
	vertical-align:middle;
	background:url(../img/msg/td_line.gif) repeat-x bottom;
}

#msg .reply {
	background-color:#ffffcc;
}

#msg .entry {
	margin-bottom:40px;
}

.colCC3300 {
	color:#CC3300;
}

#appointment div.section_bototm0 {
	margin-bottom:0px;
}

li.ohitori img {
	margin-bottom:3px;
}

li.ohitori {
	font-size:10px;
}

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

	99. clearFix (pkg)

============================================================================================================*/
/* start clearfix */
#gNav:after,
#container .inner:after,
#container:after,
ul.localNav:after,
#footer .inner:after,
#footer ul:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0px;
	line-height: 0;
}
/* ie6 hack */
* html #gNav,
* html #container .inner,
* html #container,
* html ul.localNav,
* html #footer .inner,
* html #footer ul {
	height: 1%;
}
/* ie7 hack */
*:first-child+html #gNav,
*:first-child+html #container .inner,
*:first-child+html #container,
*:first-child+html ul.localNav,
*:first-child+html #footer .inner,
*:first-child+html #footer ul {
	min-height: 1%;
}
/* end clearfix */