/* ------------------------------ Default Style ------------------------------ */

* {
	margin:						0;
	padding:					0;
}

body {
	background:					#f0eee7;
	text-align:					center;
}

body div {
	text-align:					left;
	margin:						0 auto;
}


body,
table, th, td,
form, p {
	font-size:					12px;
	font-size:					small;
	font-weight:				normal;
	font-style:					normal;
	text-decoration:			none;
	color:						#666666;
}

strong {
	color:						#3f6b55;
	font-weight:				bold;
	font-style:					normal;
	text-decoration:			none;
}

em {
	color:						#cc0000;
	font-weight: 				bold;
	font-style:					normal;
	text-decoration:			none;
}

img {
	margin:						0;
	padding:					0;
	border:						none;
}


/* ------------------------------ Layout ------------------------------ */


#container {
	width:						820px;
	background:					url(../common_images/container_bg.gif);
	text-align:					center;
}


/* ----------- Header area ------------- */

#header {
	width:						808px;
	height:						118px;
	background:					url(../common_images/head_bg.gif) repeat-x;
}


/* ----------- Header left area ------------- */

h1 {
	float:						left;
	width:						328px;
}





/* ----------- Header right area ------------- */


#head-utility {
	float:						right;
}

#head-utility p {
	text-align:					right;
	padding:					0px;
	margin:						24px 20px 17px 0px;
}


/* Xmas用スタイル

#head-utility p {
	text-align:					right;
	padding:					0px;
	margin:						0px 20px 6px 0px;
}	 */





#head-utility ul {
	padding:					0px;
	margin:						0px 20px 0px 0px;
	list-style-type:			none;
}

#head-utility ul li {
	padding:					0px;
	margin:						17px 15px 0px 0px;
	display:					inline;
}

#head-utility ul li.lastChild {
	padding:					0px;
	margin:						17px 0px 0px 0px;
	display:					inline;
}


/* ----------- Header global navigation ------------- */

#gnavi {
	clear:						both;
	margin:						0px 0px 1px 0px;
}

#gnavi ul {
	padding:					0px;
	margin:						0px;
	list-style:					none;
}

#gnavi ul li {
	padding:					0px;
	margin:						0px;
	display:					inline;
}


/* ----------- Main images area ------------- */

p.main-image {
	padding:					0px 0px 10px 0px;
	margin:						0px;
}




/* ----------- Content area ------------- */

#content-area {
	background-color: #ffffff;
	width:						790px;
}	



/* ----------- Footer area ------------- */

#footer {
	width:						808px;
	height:						150px;
	background:					url(../common_images/footer_bg.gif) repeat-x;
}

#footer p {
	float:						right;
	padding:					0px;
	margin:						10px 10px 0px 0px;
}	


#foot-utility {
	float:						left;
}

#foot-utility ul {
	padding:					0px;
	margin:						10px 0px 0px 10px;
	list-style:					none;
}

#foot-utility ul li {
	padding:					0px;
	margin:						0px 20px 0px 0px;
	display:					inline;
}

#foot-utility ul li.lastChild {
	padding:					0px;
	margin:						0px;
	display:					inline;
}



/* ------------------------------ Link ------------------------------ */


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

a:link.h-link					{ color:#3f6b55; font-weight:bold; text-decoration:underline; }
a:visited.h-link				{ color:#3f6b55; font-weight:bold; text-decoration:underline; }
a:hover.h-link					{ color:#3f6b55; font-weight:bold; text-decoration:none; }
a:active.h-link					{ color:#3f6b55; font-weight:bold; text-decoration:none; }

a:link.h-link2					{ color:#3f6b55; text-decoration:underline; }
a:visited.h-link2				{ color:#3f6b55; text-decoration:underline; }
a:hover.h-link2					{ color:#3f6b55; text-decoration:none; }
a:active.h-link2				{ color:#3f6b55; text-decoration:none; }

.to-top {
	text-align:					right;
}

.to-pagetop {
	text-align:					right;
	padding:					10px 0px;
	font-size: 10px;

	
}

.to-detail {
	text-align:					right;
}

.anchor-area {
	text-align:					center;
	padding:					10px 0px;
}


/* ------------------------------ Font Size ------------------------------ */


.p10							{ font-size: 10px; }
.p10_rd							{ font-size: 10px; color: #cc0000; }
.p10_gr							{ font-size: 10px; color: #3F6B55;}
.p12							{ font-size: 12px; }
.p12_rd							{ font-size: 12px; color: #cc0000;}
.p12_gr							{ font-size: 12px; color: #3F6B55;}
.p14							{ font-size: 14px; }
.p14_gr							{ font-size: 14px; color: #3F6B55;}

.b10							{ font-size: 10px; font-weight: bold; }
.b12							{ font-size: 12px; font-weight: bold;  }
.b14							{ font-size: 14px; font-weight: bold;  }

.p10h							{ font-size: 10px; line-height: 145%; }
.p10h_wt						{ font-size: 10px; line-height: 145%;  color: #FFFFFF;}
.p12h							{ font-size: 12px; line-height: 145%; }
.p14h							{ font-size: 14px; line-height: 145%; }

.b10h							{ font-size: 10px; font-weight: bold; line-hight: 150px; }
.b12h							{ font-size: 12px; font-weight: bold; line-hight: 150px; }
.b14h							{ font-size: 14px; font-weight: bold; line-hight: 150px; }

.b12h_gr						{ font-size: 12px; font-weight: bold; color: #3F6B55;}
.b14h_gr						{ font-size: 14px; font-weight: bold; color: #3F6B55;}


/* ------------------------------ Hx ------------------------------ */

h2 {
	margin:						0px;
	padding:					0px 0px 10px 0px;
}

h3 {
	margin:						0px;
	padding:					0px 0px 10px 0px;
}

/* h3をテキストで表示する場合 590px ver */

.h3-area590 {
	width:						590px;
	height:						25px;
	background:					url(../common_images/h3_bg590.gif) no-repeat;
	margin:						0px 0px 10px 0px;
}

.h3-area590net {
	width:						590px;
	height:						25px;
	background:					url(../common_images/h3_bg590_net.gif) no-repeat;
	margin:						0px 0px 10px 0px;
}

.h3-area590 h3,
.h3-area590net h3 {
	font-size:					12px;
	font-weight:				bold;
	color:						#ffffff;
	padding:					6px 0px 0px 8px;
}

h4 {
	margin:						0px;
	padding:					0px 0px 8px 0px;
}


/* h4をテキストで表示する場合 590px ver */

.h4-area590 {
	width:						590px;
	height:						25px;
	background:					url(../common_images/h4_bg590.gif) no-repeat;
	margin:						0px 0px 8px 0px;
}
.h4-area590_gold {
	width:						590px;
	height:						25px;
	background:					url(../common_images/h4_bg590_2.gif) no-repeat;
	margin:						0px 0px 8px 0px;
}

.h4-area590 h4,
.h4-area590_gold h4{
	font-size:					12px;
	font-weight:				bold;
	color:						#3f6b55;
	padding:					6px 0px 0px 12px;
}
.h4-area590_gold h4 a,
.h4-area590_gold h4{ color: #fff;}

.h4-area590_v1 {
	font-size:					12px;
	font-weight:				bold;
	width:						590px;
	height:						25px;
	color:						#76897B;
	margin:						0px 0px 10px 0px;
}


/* h4 段組2段 280px ver */

.h4-area280 {
	width:						280px;
	height:						25px;
	background:					url(../common_images/h4_bg280.gif) no-repeat;
	margin:						0px 0px 8px 0px;
}

.h4-area280 h4 {
	font-size:					12px;
	font-weight:				bold;
	color:						#3f6b55;
	padding:					6px 0px 0px 12px;
}

.h4-area280_v1 {
	font-size:					12px;
	font-weight:				bold;
	width:						590px;
	height:						25px;
	color:						#76897B;
	margin:						0px 0px 10px 0px;
}



/* 通常形状のh4見出しがなく、h5形状見出しが来る場合 */

h4.none {
	padding:					0px;
	margin:						0px 0px 3px 0px;
	font-size:					12px;
	font-weight:				bold;
	line-height:				150%;
}



h5 {
	padding:					0px;
	margin:						0px 0px 3px 0px;
	font-size:					12px;
	font-weight:				bold;
	line-height:				150%;
	color:						#3f6b55;
}


/* ------------------------------ Line ------------------------------ */

.dotline {
	padding:					0px;
	margin:						12px 0px;
}

.dotline-m {
	padding:					0px;
	margin:						5px 0px;
}


/* ------------------------------ Icon ------------------------------ */

/* 横並び時 */

.icon-link table {
	float:						left;
	margin:						3px 0px 3px 0px;
	padding:					0px 5px 0px 0px;
	border:						none;
}

.icon-link table td {
	vertical-align:				middle;
}

.icon-link table td.icon {
	vertical-align:				top;
}


/* 縦並び時 */

.icon-link-col table {
	margin:						3px 0px 3px 0px;
	padding:					0px 5px 0px 0px;
	border:						none;
}

.icon-link-col table td {
	vertical-align:				middle;
}

.icon-link-col table td.icon {
	vertical-align:				top;
}


/* ------------------------------ General Margin and Padding ------------------------------ */

.mar-b10 {
	padding:					0px;
	margin-bottom:				10px;
}	

.mar-b15 {
	padding:					0px;
	margin-bottom:				15px;
}	

.mar-l10 {
	padding:					0px;
	margin-left:				10px;
}	

.mar-t5 {
	padding:					0px;
	margin-top:						5px;
	}

.mar-b5 {
	padding:					0px;
	margin-bottom:						5px;
	}

.mar-tb10 {
	padding:					0px;
	margin:						10px 0px;
}	

.mar-lr10 {
	padding:					0px;
	margin:						0px 10px;
}	

.pad-b10 {
	padding-bottom:				10px;
	margin:						0px;
}	

.pad-l10 {
	padding-left:				10px;
	margin:						0px;
}	


.pad-l20 {
	padding-left:				20px;
	margin:						0px;
}	

.pad-tb10 {
	padding:					10px 0px;
	margin:						0px;
}	

.pad-lr10 {
	padding:					0px 10px;
	margin:						0px;
}	


/* ------------------------------ General Posision ------------------------------ */

.center-posi {
	text-align:					center;
}

.right-posi {
	text-align:					right;
}



/* ------------------------------ Internet plan include ------------------------------ */

div.plan-txt {
	clear:						both;
}	
div.plan-txt dt,
div.plan-txt dd{ font-size: 12px; line-height: 1.4;}


div.plan-txt dt{
	float: 	left;
	width: 170px;
	margin: 0 0 2px 0;
}

div.plan-txt dd{
	float: left;
	width: 386px;
	padding: 0 10px 0 0;
	margin: 0 0 8px 0;
	
}
#topnetplan .plan-txt dt{
	width: 190px;
}
#topnetplan .plan-txt dd{
	width: auto;
}


/* ------------------------------ Table style ------------------------------ */

.info-list th.first {
	background:					#e5ecdd;
	text-align:					center;
	vertical-align:				top;
	padding:3px;
}

.info-list th.second {
	background:					#f5f4f2;
	text-align:					left;
	vertical-align:				top;
	padding:5px;
}


.info-list td {
	background:					#ffffff;
	text-align:					left;
	vertical-align:				top;
	padding:5px;
}


/* TDセルに数値が入る場合（右寄せ） */
.info-list td.value {
	background:					#ffffff;
	text-align:					right;
	vertical-align:				top;
	padding:5px;
}

/* TDセルに時間が入る場合（中央寄せ） */
.info-list td.time {
	background:					#ffffff;
	text-align:					center;
	vertical-align:				top;
	padding:5px;
}


/* navi table style */

.box-line {
	background:					#cccccc;
}

.box-insideline {
	background:					#ffffff;
}

.box-base {
	background:					#f5f4f2;
	padding-bottom:5px;
}



/* ------------------------------ Other ------------------------------ */

	
.notes {
	display:					none;
}


.clear {
	clear:						both;
}


.dot_area{
	height:						1px;
	background:					url(../common_images/dot_line_01.gif) repeat-x;
	margin:						0px 0px 1px 0px;
}

.dot_area590{
	width:						590px;
	height:						1px;
	background:					url(../common_images/dot_line_01.gif) repeat-x;
	margin:						0px 0px 1px 0px;
}

.copy {
	padding:					0px 0px 10px 0px;
	margin:						0px;
}

.top_photoplan li{
	list-style: none;
}
.linkarrow{
	font-size: 12px;
	padding-left: 10px;
	background: url(/event/images/linkarrow.gif) no-repeat -7px -4px;
}