@charset "UTF-8";
	
/* ----------------------------------------------------------------------------------------------------------
global
---------------------------------------------------------------------------------------------------------- */

html { height:100%; }

body {
	font-family:verdana, arial, sans-serif, "ＭＳ Ｐゴシック";
	padding:0;
	margin:0;
	font-size:12px;
	background:#3F3F3F url(../img/pattern.png) repeat;
	color:#333333;
}

p {
	margin:0;
	padding:0 0 5px 5px;
	line-height:1.6em;
}

h1 {
	font-size:110%;
	border:0;
	margin:0 0 5px 10px;
}

h2 {
	font-size:120%;
	font-weight:bold;
	letter-spacing:1px;
	padding-top:5px;
	padding-bottom:1px;
	margin-top:0;
	margin-bottom:6px;
	color:#4E454A;
	border-bottom:1px solid #999999;
}

h3.tytle1 {
	width:600px;
	margin:7px 0 3px 0;
	background-image:url(../img/tytle.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:26px;
	font-size:105%;
	font-weight:normal;
	letter-spacing:1px;
	padding:8px 0 0 20px;
}

h3.tytle2 {
	width:287px;
	margin:0 0 2px -3px;
	background-image:url(../img/tytle2.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:26px;
	font-size:105%;
	font-weight:normal;
	letter-spacing:1px;
	padding:6px 0 0 20px;
}

h3.tytle3 {
	width:182px;
	margin:1px 0 0 -3px;
	background-image:url(../img/tytle3.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:26px;
	font-size:105%;
	font-weight:normal;
	letter-spacing:1px;
	padding:6px 0 0 20px;
}

h4 {
	font-size:108%;
	font-weight:bold;
	border:0;
	margin:0 0 5px 0;
	padding:0 0 0 5px;
}

h5 {
	font-size:105%;
	border:0;
	margin:0 0 5px 0;
	padding:0 0 0 5px;
	color:#696969;
}

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

form {
	padding:0;
	margin:0;
}

span, div { border:0; }

/* ----------------------------------------------------------------------------------------------------------
image positioning - left, right and center
---------------------------------------------------------------------------------------------------------- */

.left {
	float:left;
	border-right:18px solid;
}

.right {
	float:right;
	border-left:18px solid;
}

.center {
	display:block;
	text-align:center;
	margin:0 auto;
}

.left, .right { border-color:#FFFFFF; }

/* ----------------------------------------------------------------------------------------------------------
unordered list
---------------------------------------------------------------------------------------------------------- */

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

li {
	border:0;
	display:list-item;
}

ul ul { margin:0 0 0 20px; }

ul.list {
	margin:0;
	list-style:none;
}

ul.list li {
	margin:0;
	padding:0 0 0 10px;
	background:#FFFFFF url(../img/img11.gif) no-repeat 0 4px;
}

ul.list2 {
	margin:6px 0 10px 3px;
	list-style:none;
}

ul.list2 li {
	margin:0;
	padding:0 0 10px 10px;
	background:#FFFFFF url(../img/img11.gif) no-repeat 0 2px;
}

ul.list3 {
	margin:0 0 10px 10px;
	list-style:none;
}

ul.list3 li {
	margin:0;
	padding:0 0 0 10px;
	background:#FFFFFF url(../img/img11.gif) no-repeat 0 5px;
}

ul.thumb {
	width:660px;
	margin-top:0;
	text-align:center;
	list-style-type:none;
}

ul.thumb li {
	float:left;
	margin:0;
}

ul.banner {
	width:620px;
	margin-top:0;
	text-align:center;
	list-style-type:none;
}

ul.banner li {
	float:left;
	margin-bottom:6px;
}

/* ----------------------------------------------------------------------------------------------------------
ordered list
---------------------------------------------------------------------------------------------------------- */

ol {
	margin:5px 0 5px 30px;
	padding:0;
}

ol li {
	margin:0;
	padding:0;
}

dl,dt,dd {
	margin:0;
	padding:0;
}

/* ----------------------------------------------------------------------------------------------------------
margin lefts / margin rights - to centre content
---------------------------------------------------------------------------------------------------------- */

#header, #menubar, #site_content, #main, #main2, #footer {
	margin-left:auto;
	margin-right:auto;
}

/* ----------------------------------------------------------------------------------------------------------
main container
---------------------------------------------------------------------------------------------------------- */

#main {
	width:976px;
	background:#FFFFFF url(../img/main.png) repeat-y;
	color:#696969;
}

#main2 {
	width:976px;
	background:#FFFFFF url(../img/main2.png) repeat-y;
	color:#696969;
}

/* ----------------------------------------------------------------------------------------------------------
header
---------------------------------------------------------------------------------------------------------- */

#header {
	width:960px;
	height:120px;
	background:#444 url(../img/header.png) no-repeat left center;
	color:#696969;
}

#header h1 {
	float:left;
	padding:27px 0 0 10px;
}

#header h1 a {
	width:184px;
	height:35px;
	display:block;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
	letter-spacing:1px;
	padding:8px 0 10px 50px;
	outline:none;
}

#header h1 a:hover {
	color:#333333;
	text-decoration:none;
}

#links {
	padding:5px 0 0 30px;
	color:#696969;
	float:left;
}

#links a {
	text-decoration:none;
	background:transparent;
	color:#FFFFFF;
}

#links a:hover {
	text-decoration:none;
	background:transparent;
	color:#333333;
}

#links a#selected {
	list-style-type:none;
	color:#333333;
}

#links span {
	border:0;
	padding:0 4px;
	color:#808080;
}

.h-lang {
	margin:16px 27px 0 0;
	color:#696969;
	float:right;
}

.h-lang a {
	text-decoration:none;
	background:transparent;
	font-size:13px;
	color:#FFFFFF;
}

.h-lang a:hover {
	text-decoration:none;
	background:transparent;
	color:#333333;
}

.h-lang li {
	display:inline;
	padding-left:5px;
	padding-right:2px;
	border-left:1px solid #808080;
}

.h-lang li.first { border-left:none; }

.h-navi {
	text-align:center;
	margin:1px 0 0 5px;
}

.h-navi li {
	display:inline;
	padding-left:6px;
	padding-right:3px;
	border-left:1px solid #808080;
}

.h-navi li.first { border-left:none; }

/* ----------------------------------------------------------------------------------------------------------
navigation menu
---------------------------------------------------------------------------------------------------------- */

#menubar {
	background:#686868 url(../img/menu.png) repeat;
	width:960px;
	border-top:1px solid #7D7D7D;
	height:48px;
}

/* ----------------------------------------------------------------------------------------------------------
site search
---------------------------------------------------------------------------------------------------------- */

#search {
	float:right;
	padding:7px 15px 0px 0px;
}

input.searchfield {
	background:#FFFFFF;
	border:1px solid #777777;
	padding:2px;
}

input.searchbutton {
	background:#3F3F3F;
	border:1px solid #777777;
	padding:0;
	color:#FFFFFF;
	width:51px;
	height:20px;
	cursor:pointer;
}

/* ----------------------------------------------------------------------------------------------------------
main content
---------------------------------------------------------------------------------------------------------- */

#site_content {
	width:960px;
	overflow:hidden;
}

/* ----------------------------------------------------------------------------------------------------------
side content
---------------------------------------------------------------------------------------------------------- */

#sidebar {
	padding:10px 15px 0 0;
	width:270px;
	float:right;
	line-height:20px;
	color:#FFFFFF;
}

#sidebar a {
	color:#FFFFFF;
	text-decoration:none;
}

#sidebar a:hover {
	color:#FF6600;
	text-decoration:none;
}

.sidebar-qr {
	width:270px;
	background:#FFFFFF url(../img/mobile.jpg) no-repeat right top;
}

.sidebarheader {
	font-size:13px;
	font-weight:normal;
	padding:0;
	margin:6px 0 8px 0;
	color:#F0E68C;
	border-bottom:1px solid #CD853F;
}

.sidebarheader.plus {
	background:#111111 url(../img/arrow_right.gif) no-repeat 0 4px;
	margin:10px 0 0 0;
	padding-left:15px;
}

.sidebarheader a {
	color:#F0E68C;
	text-decoration:none;
}

.sidebarheader a:hover {
	color:#FF6600;
	text-decoration:none;
}

/* ----------------------------------------------------------------------------------------------------------
page content (2 Col Mode)
---------------------------------------------------------------------------------------------------------- */

#content_container {
	text-align:left;
	width:640px;
	float:left;
	padding:10px 0 15px 20px;
}

#content {
	text-align:left;
	width:620px;
	padding:0;
	color:#333333;
	background:#FFFFFF;
}

#content a {
	background-color:transparent;
	color:#333333;
	text-decoration:none;
}

#content a:hover {
	background-color:transparent;
	color:#FF6600;
	text-decoration:none;
}

#content h2 a {
	background-color:transparent;
	color:#333333;
}

#content span {
	border:0;
	padding:0 5px;
}

/* ----------------------------------------------------------------------------------------------------------
page2 content (1 Col Mode) 
---------------------------------------------------------------------------------------------------------- */

#content2_container {
	text-align:left;
	width:920px;
	float:left;
	padding:10px 0 15px 20px;
}

#content2 {
	text-align:left;
	width:900px;
	padding:0 10px;
	color:#333333;
	background:#FFFFFF;
}

#content2 a {
	background-color:transparent;
	color:#333333;
	text-decoration:none;
}

#content2 a:hover {
	background-color:transparent;
	color:#FF6600;
	text-decoration:none;
}

#content2 h2 a {
	background-color:transparent;
	color:#333333;
}

/* ----------------------------------------------------------------------------------------------------------
footer
---------------------------------------------------------------------------------------------------------- */

#footer {
	width:960px;
	height:95px;
	padding:12px 0 0 0;
	text-align:center;
	background:#686868 url(../img/footer.png) repeat;
	color:#FFFFFF;
}

#footer a {
	background-color:transparent;
	color:#FFFFFF;
	text-decoration:none;
}

#footer a:hover {
	background-color:transparent;
	color:#333333;
	text-decoration:none;
}

.f-navi {
	text-align:center;
	margin:5px 0 5px 0;
}

.f-navi li {
	display:inline;
	padding-left:6px;
	padding-right:3px;
	border-left:1px solid #808080;
}

.f-navi li.first { border-left:none; }

.s-navi {
	text-align:left;
	margin:10px 0;
}

.s-navi li {
	display:inline;
	padding-left:6px;
	padding-right:3px;
	border-left:1px solid #808080;
}

.s-navi li.title {
	border-left:none; 
	margin-right:-10px;
}

.s-navi li.first { border-left:none; }

.image {
	text-align:center;
	margin:1px 0 10px 0;
	padding:14px;
	border-color:#CCCCCC;
	border-width:1px;
	border-style:solid;
	background-color:#FFFFFF;
}

.full-image {
	text-align:center;
	margin:1px 3px 20px 3px;
	padding:10px 12px 10px 10px;
	border-color:#CCCCCC;
	border-width:1px;
	border-style:solid;
	background-color:#FFFFFF;
}

.clear { clear:both; }

.to-top {
	float:right;
	padding:20px 0;
}

.date {
	margin-right:10px;
	color:#800000;
}

.space { margin-left:10px; }
.space2 { margin-left:24px; }

.branch {
	background:url(../img/img11.gif) no-repeat 8px 3px;
	padding-left:20px;
}

.branch2 {
	background:url(../img/img11.gif) no-repeat 22px 3px;
	padding-left:36px;
}

.branch3 {
	background:url(../img/img11.gif) no-repeat 6px 18px;
	padding-left:16px;
}

.arrow {
	background:#FFFFFF url(../img/arrow_right.gif) no-repeat 0 2px;
	margin-left:0;
	margin-bottom:10px;
	padding-left:15px;
}

.arrow2 {
	background:#FFFFFF url(../img/arrow_right.gif) no-repeat 0 0;
	margin-left:0;
	padding-left:15px;
}

.arrow3 {
	background:#FFFFFF url(../img/arrow_right.gif) no-repeat 0 3px;
	margin-left:5px;
	padding-left:15px;
}

.arrow4 {
	background:#FFFFFF url(../img/arrow_right.gif) no-repeat 0 2px;
	margin-left:0;
	padding-left:15px;
}

.arrow5 {
	background:#FFFFFF url(../img/arrow_right.gif) no-repeat 0 2px;
	margin-left:10px;
	padding-left:15px;
}

.arrow-right {
	background:#FFFFFF url(../img/arrow_right.gif) no-repeat 0 2px;
	margin-right:5px;
}

.arrow-right2 {
	background:#FFFFFF url(../img/img11.gif) no-repeat 2px 2px;
	margin-right:2px;
}

.check {
	background:#FFFFFF url(../img/check.gif) no-repeat 0 3px;
	padding-left:18px;
	font-weight:bold;
}

.point {
	background:#FFFFFF url(../img/point.gif) no-repeat 0 3px;
	padding-left:20px;
	color:#FF0000;
	font-size:14px;
	font-weight:bold;
}

.pan {
	background:#FFFFFF url(../img/pan.gif) no-repeat 4px 4px;
	padding-left:20px;
}

.new {
	background:#FFFFFF url(../img/new.gif) no-repeat 170px 7px;
	padding-left:8px;
}

.price {
	font-weight:bold;
	font-size:16px;
	text-align:right;
	line-height:20px;
	color:#FF0000;
}

.price2 {
	font-weight:bold;
	font-size:16px;
	text-align:right;
	line-height:20px;
	color:#0000CD;
}

.big {
	font-weight:bold;
	font-size:18px;
	line-height:20px;
}

.small {
	font-weight:normal;
	font-size:10px;
}

.fwd {
	margin:0;
	padding:0 0 0 20px;
	background:#1A1A1A url(../img/fwd.gif) no-repeat 0 0;
}

.line {
	border-bottom:1px solid #CCCCCC;
	margin:10px 0;
}

.pr {
	font-size:12px;
	font-weight:bold;
	padding:0;
	margin:20px 0 6px 0;
	color:#999999;
	border-bottom:1px solid #CCCCCC;
}

.frame {
	float:left;
	margin:0 1px 2px -3px;
	padding:12px;
	border-color:#CCCCCC;
	border-width:1px;
	border-style:solid;
	background-color:#FFFFFF;
}

.frame2 {
	float:left;
	margin:0 3px 3px -3px;
	padding:9px;
	border-color:#CCCCCC;
	border-width:1px;
	border-style:solid;
	background-color:#FFFFFF;
}

.frame3 {
	float:left;
	margin:0 5px 0 -3px;
	padding:12px;
	border-color:#CCCCCC;
	border-width:1px;
	border-style:solid;
	background-color:#FFFFFF;
}

.frame4 {
	float:left;
	margin:0;
	padding:7px;
	border-color:#CCCCCC;
	border-width:1px;
	border-style:solid;
	background-color:#FFFFFF;
}

.frame5 {
	float:left;
	margin:0;
	padding:4px 12px;
	border-color:#CCCCCC;
	border-width:1px;
	border-style:solid;
	background-color:#FFFFFF;
}

.frame6 {
	float:left;
	margin:0 2px 0 1px;
	padding:5px;
	border-color:#CCCCCC;
	border-width:1px;
	border-style:solid;
	background-color:#FFFFFF;
}

.frame7 {
	float:left;
	margin:0 1px;
	padding:4px;
	border-color:#CCCCCC;
	border-width:1px;
	border-style:solid;
	background-color:#FFFFFF;
}

.frame8 {
	float:left;
	margin:0 1px 2px -3px;
	padding:17px;
	border-color:#CCCCCC;
	border-width:1px;
	border-style:solid;
	background-color:#FFFFFF;
}

.att01 { color:#FF0000; } /* Color:Red */
.att02 { color:#006400; } /* Color:Dark Green */
.att03 { color:#0000CD; } /* Color:Midium Blue */
.att04 { color:#FFFF00; } /* Color:Yellow */
.att05 { color:#808080; } /* Color:Gray */
.att06 { color:#800000; } /* Color:Maroon */
.att07 { color:#F0E68C; } /* Color:khaki */
.att08 { color:#FF6600; } /* Color:Orange */

.t-left { text-align:left; }
.t-center { text-align:center; }
.t-right { text-align:right; }
.t-justify { text-align:justify; }

.va-top { vertical-align:top; }
.va-middle { vertical-align:middle; }
.va-bottom { vertical-align:bottom; }

.pa-top { padding-top:15px; }
.pa-top2 { padding-top:8px; }
.pa-top3 { padding-top:2px; }
.pa-left { padding-left:20px; }
.pa-bottom { padding-bottom:15px; }
.pa-bottom2 { padding-bottom:10px; }
.pa-bottom3 { padding-bottom:5px; }
.pa-bottom4 { padding-bottom:6px; }
.pa-bottom5 { padding-bottom:8px; }

.ma-top { margin-top:10px; }
.ma-left { margin-left:10px; }
.ma-right { margin-right:10px; }
.ma-bottom { margin-bottom:10px; }

.width-10 { width:10%; }
.width-15 { width:15%; }
.width-20 { width:20%; }
.width-23 { width:23%; }
.width-25 { width:25%; }
.width-30 { width:30%; }
.width-33 { width:33%; }
.width-35 { width:35%; }
.width-40 { width:40%; }
.width-45 { width:45%; }
.width-50 { width:50%; }
.width-55 { width:55%; }
.width-60 { width:60%; }
.width-65 { width:65%; }
.width-70 { width:70%; }
.width-75 { width:75%; }
.width-80 { width:80%; }
.width-85 { width:85%; }
.width-90 { width:90%; }

/* ----------------------------------------------------------------------------------------------------------
TABLE
---------------------------------------------------------------------------------------------------------- */

table {
	width:620px;
	margin:-2px 0 10px -2px;
	border:0;
	border-collapse:collapse;
	border-spacing:0;
	font-size:100%;
}

th {
	border:0;
	padding:3px 5px;
	text-align:left;
	font-weight:normal;
	line-height:1.6em;
	color:#800000;
}

td {
	border:0;
	padding:3px 5px;
	vertical-align:top;
	line-height:1.6em;
}

tr { border:0; }

.table-flash {
	width:680px;
	margin:0;
	text-align:left;
}

.table-flash td {
	border:0;
	padding:0;
}

.table-event {
	width:840px;
	margin:0 0 20px 0;
}

.table-event td {
	border:0;
	padding:0;
}

.table-school {
	width:620px;
	margin:4px 0;
	border:1px solid #CCCCCC;
}

.table-school th {
	line-height:20px;
	text-align:left;
	border-right:1px solid #CCCCCC;
	background:#696969;
	color:#FFFFFF;
}

.table-school td {
	line-height:25px;
	border:1px solid #CCCCCC;
}

.table-merit {
	width:620px;
	margin:-2px 0 10px 3px;
}

.details {
	width:20%;
	vertical-align:bottom;
	text-align:right;
}


div#thanks {
	padding: 40px 0px 40px 0px;
	text-align: center;
}

div#thanks p {
	font-size: 16px;
}

div#thanks p strong {
	font-size: 18px;
	color: #CC0000;
}

/* ----------------------------------------------------------------------------------------------------------
Horizontal Menu
---------------------------------------------------------------------------------------------------------- */

#foxmenucontainer {
	width:960px;
	height:40px;
	display:block;
	padding:2px 0 2px 0px;
	background-color:#1A1A1A;
}

#foxmenu {
	position:relative;
	display:block;
	height:40px;
	font-size:12px;
	font-weight:normal;
}

#foxmenu ul {
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
}

#foxmenu ul li {
	display:block;
	float:left;
	margin:0 1px 0 0;
}

#foxmenu ul li a {
	display:block;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	padding:15px 48px 0 48px;
	height:25px;
	background:transparent url(../img/foxmenu_off.gif) no-repeat top left;
}

#foxmenu ul li a:hover {
	color:#FF6600;
	background:transparent url(../img/foxmenu_over.gif) no-repeat top right;
}

#foxmenu ul li a.current:hover {
	color:#FF6600;
	background:transparent url(../img/foxmenu_off.gif) no-repeat top right;
}

#foxmenu ul li a.current {
	color:#FF6600;
	background:transparent url(../img/foxmenu_off.gif) no-repeat top right;
}

/* ----------------------------------------------------------------------------------------------------------
Vertical MENU
---------------------------------------------------------------------------------------------------------- */

#menu {
	width:270px;
	margin:3px 0 15px 0;
}

#menu li a {
	height:32px;
	voice-family:"\"}\"";
	voice-family:inherit;
	height:24px;
	text-decoration:none;
}

#menu li a:link, #menu li a:visited {
	color:#CCCCCC;
	display:block;
	background:url(../img/menu.gif);
	padding:8px 0 0 20px;
}

#menu li a:hover {
	color:#FF6600;
	background:#FFFFFF url(../img/menu.gif) 0 -32px;
	padding:8px 0 0 20px;
}

#menu li a#active {
	color:#FF6600;
	background:#FFFFFF url(../img/menu.gif);
	padding:8px 0 0 20px;
}