@charset "utf-8";

/*基本設定
--------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	list-style-type: none;
	color: #2B2B2B;
	letter-spacing: 1px;
	font-family: "ＭＳ Ｐゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
header,nav,section,article,aside,footer {
	display:block;
}	  
img {
	border:none;
	vertical-align: bottom;
}
html {
    overflow-y: scroll;
}
body {
	font-size: 13px;
	line-height: 1.6;
	text-align: center;
	background-color: #FFF;
}
body a {
	color: #3366CC;
	text-decoration: none;
}
body a:hover {
	text-decoration: underline;
}
table {
	width: 530px;
	border-collapse:collapse;
	border-spacing:0;
}
th,td {
	font-weight: normal;
	font-size: 12px;
	line-height: 1.5;
	vertical-align: top;
}
th {
	text-align: center;
}
p {
	padding: 0px 0px 15px 0px;
}
.end {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*ヘッダー・グローバルナビ・メイン共通
--------------------------------------------------------------*/

header,#main,#main_index,footer {
	width: 900px;
	margin: 0px auto 0px auto;
	text-align: justify;
	text-justify: inter-ideograph;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #C4D7EE;
	border-left-color: #C4D7EE;
	overflow: hidden;
}

/*ヘッダー
--------------------------------------------------------------*/

header {
	padding: 20px 0px 20px 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C4D7EE;
}
#logo {
	width: 349px;
	float: left;
	margin: 0px 0px 0px 50px;
	display: inline;
}
#facebook {
	width: 226px;
	float: left;
	margin: 0px 0px 0px 30px;
	padding: 6px 0px 0px 0px;
	display: inline;
}
#sub_menu {
	float: right;
	margin: 0px 30px 0px 0px;
	padding: 15px 0px 0px 0px;
	display: inline;
}
#sub_menu li {
	float: left;
	margin: 0px 0px 0px 5px;
	display: inline;
}

/*グローバルナビ(index用)
--------------------------------------------------------------*/

#head_img_index {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E1EBF7;
	height: 239px;
	position: relative;
}
#g_nav_index {
	position: absolute;
	left: 50px;
	top: 205px;
}
#g_nav_index li {
	float: left;
	margin: 0px 7px 0px 0px;
	display: inline;
}

/*グローバルナビ(下層ページ用)
--------------------------------------------------------------*/

#head_img {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E1EBF7;
	height: 175px;
	position: relative;
}
#g_nav{
	position: absolute;
	left: 50px;
	top: 141px;
}
#g_nav li {
	float: left;
	margin: 0px 7px 0px 0px;
	display: inline;
}

/*メイン
--------------------------------------------------------------*/

#main,#main_index {
	padding: 0px 0px 30px 0px;
	display: table;
}
#main article,#main_index article {
	float: left;
	margin: 0px 0px 0px 55px;
	padding: 35px 0px 0px 0px;
	display: inline;
}
#main article {
	width: 570px;
}
#main_index article {
	width: 450px;
	font-size: 12px;
}
.title {
	clear: both;
	padding: 0px 0px 35px 0px;
}
.sub_title {
	clear: both;
	padding: 0px 0px 18px 0px;
}
.etc_title {
	clear: both;
	padding: 5px 0px 5px 16px;
	font-weight: bold;
	font-size: 14px;
	background-color: #F3F3F3;
	margin: 0px 0px 10px 0px;
	background-image: url(/img/common/main/bg_title.jpg);
	background-repeat: no-repeat;
	background-position: 7px center;
}
.entry {
	padding: 0px 20px 25px 20px;
	float: left;
	width: 530px;
}

/*サイドナビ
--------------------------------------------------*/

#side_nav {
	float: right;
}
#main_index #side_nav {
	width: 365px;
}
#main #side_nav {
	width: 230px;
	background-color: #F0F2F4;
	background-image: url(/img/common/nav/side_nav/bg_side_nav.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 30px 0px 0px 0px;
}
#side_nav #menu ul {
	margin: 0px 0px 15px 11px;
}
#side_nav #menu li {
	background-image: url(/img/common/nav/side_nav/bg_menu_on.jpg);
	background-repeat: no-repeat;
}
#side_nav #menu li a {
	width: 183px;
	height: 30px;
	line-height: 1.7;
	background-image: url(/img/common/nav/side_nav/bg_menu_off.jpg);
	padding: 8px 0px 0px 25px;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	color: #2B2B2B;
	margin: 0px 0px 2px 0px;
}
#side_nav #menu li a:hover {
	background-image: none;
	color: #06C;
	text-decoration: none;
}
#event_banner {
	width: 200px;
	margin: 0px 0px 0px 15px;
}
#event_banner li {
	margin: 0px 0px 10px 0px;
}

/*PAGETOP
--------------------------------------------------*/

.page_top {
	clear: both;
	text-align: right;
	padding: 0px 15px 0px 0px;
}

/*フッター
--------------------------------------------------*/

footer {
	background-color: #F3F3F3;
	padding: 12px 0px 8px 0px;
	text-align: right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C4D7EE;
}
#copyright {
	letter-spacing: 0px;
	padding: 0px 20px 0px 0px;
}

/*送信フォーム共通
--------------------------------------------------*/

input,textarea,select {
	font-size: 13px;
	padding: 1px 0px 0px 2px;
	letter-spacing: 0px;
}
#submit {
	padding: 20px 0px 20px 0px;
	text-align: center;
	clear: both;
}
#submit input {
	width: auto;
	border: none;
}

/*droppy
--------------------------------------------------*/

#drop { 
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
}
#drop li { 
	display: block;
	float: left;
	position: relative;
}
#drop a { 
	display: block;
}
#drop ul { 
	display: none;
	position: absolute;
	left: 0;
	margin: 0;
	padding: 0;
}
* html #drop ul { 
	line-height: 0;
} /* IE6 "fix" */
#drop ul a {
	zoom: 1;
	letter-spacing: 0px;
} /* IE6/7 fix */
#drop ul li { 
	float: none;
}
#drop ul ul { 
	top: 0;
}
    
/* Essentials - configure this */

#drop ul {
	width: 174px;
}
#drop ul ul {
	left: 175px;
}

/* Everything else is theming */
 
#drop {
	height: 34px;
}
#drop *:hover { 
	background-color: none;
}
#drop a {
	color: #333;
	font-size: 12px;
	line-height: 1;
}
#drop li.hover a {
	background-color: #F7F7F7;
}
#drop ul {
	top: 34px;
}
#drop ul li a {
	background-color: #FFFFFF;
	padding: 10px 8px 8px 12px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #C4D7EE;
	border-left-color: #C4D7EE;
}
#drop ul a.hover {
	background-color: #E8E8E8;
	text-decoration: none;
}
#drop ul a {
	opacity: 1;
	filter: alpha(opacity=200);
	border-bottom-width: 1px;
	border-right-style: none;
	border-bottom-style: solid;
	border-bottom-color: #C4D7EE;
	text-decoration: none;
}
