@charset "UTF-8";
/* CSS Document */



/*-------------------------------
---------------------------------
---------------------------------
---------------------------------
---------------------------------
ベースレイアウト
---------------------------------
---------------------------------
---------------------------------
---------------------------------
-------------------------------*/


/*--------------------------
----------------------------
----------------------------
共通
----------------------------
----------------------------
--------------------------*/

body {
	width: 100%;
	line-height: 1.6;
}
div#container {
	margin: 0 auto;
	text-align: left;
}
img {
	vertical-align: top;
}


/* header */
div#header {
	padding-bottom: 11px;	
	background: url(/sy/common/img/header/body_mainimage_bg.gif) repeat-x 0px bottom;
}
div#header_top {
	position: relative;
	width: 980px;
	min-height: 79px;
	margin: 0 auto;
}
div#header_top h1 {
	float: left;
	width: 382px;
	padding: 5px 0px 17px;
}

div#header_top ul#header_navi {
	float: right;
	padding: 10px 0px 4px;
}
div#header_top ul#header_navi {
}
div#header_top ul#header_navi li {
	float: left;
	padding-left: 11px;
}
div#header_top ul#header_navi li a {
	padding-left: 15px;
	background: url(/sy/common/img/parts/icon_header_navi_off.gif) no-repeat 0px 43%;
}
div#header_top ul#header_navi li a:hover {
	background-image: url(/sy/common/img/parts/icon_header_navi_on.gif);
}
div#header_top p#login_btn {
	clear: right;
	float: right;
	margin-bottom: 12px;
}
div#header_top p#join_btn {
	float: right;
	margin-bottom: 12px;
	padding-right: 14px;
}
*+html div#header_top p#join_btn {
	float: none;
	position: absolute;
	top: 33px;
	right: 97px;
}

div#header div#common_navi {
	width: 100%;
	height: 80px;
	background: url(/sy/common/img/navi/common_navi_bg.gif) repeat-x 0px 0px;
}
div#header div.common_navi_inner {
	width: 980px;
	margin: 0 auto;
}
div#header div.common_navi_inner ul {
	height: 80px;
	overflow: hidden;
}
div#header div.common_navi_inner ul li {
	float: left;
	height: 80px;
}
div#header div.common_navi_inner ul li a {
	display: block;
	height: 80px;
}

div#header_mainimage {
	width: 100%;
	background: url(/sy/common/img/header/header_mainimage_bg.gif) repeat-x 0px 0px #f3f1e5;
}
div#header_mainimage #mainimage {
	width: 980px;
	margin: 0 auto;
}


/* contents */
div#contents {
	width: 100%;
}
div.contentsinner {
	width: 980px;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 15px;
}

/* breadcrumbs */
div#breadcrumbs {
	margin-bottom: 23px;
	font-size: 10px;
}
div#breadcrumbs a {
}
div#breadcrumbs span.separator {
	padding: 0px 3px 0px 2px;
}


/* main area */
div#maincolumn {
	float: left;
	width: 730px;
	padding-bottom: 0px;
}

div#maincolumn h2.title {
	margin-top: 6px;
	margin-bottom: 30px;
}

div.cmn_cell {
	width: 710px;
	margin-bottom: 30px;
	padding: 0px 10px;
}
div.cmn_cell h3.title {
	margin-bottom: 30px;
}

div.cmn_cell div.youtube {
	width: 634px;
	padding: 0px 38px;
}
div.cmn_cell div.youtube div.movie {
	float: left;
	width: 292px;
	margin-bottom: 30px;
}
div.cmn_cell div.youtube div.movie h4 {
	margin: 10px 0px 5px;
}

div.cmn_cell_detail {
	width: 691px;
	padding: 0px 10px 0px 9px;
}

p.notes {
	font-size: 91.6%;
	padding-left: 1em;
	text-indent: -1em;
}
p.notes100 {
	font-size: 100%;
	padding-left: 1em;
	text-indent: -1em;
}


/* sidenavi */
div#bannercolumn {
	float: right;
	width: 220px;
	padding-top: 6px;
	padding-left: 30px;
}

div#pickup {
	margin: 1px 0px 8px;
}
div#pickup div.pickuptitle {
	position: relative;
}
div#pickup div.pickuptitle p.entry_pickup {
	position: absolute;
	top: 8px;
	right: 7px;
}
div#pickup div.pickupbody {
	width: 204px;
	padding: 6px 6px 10px;
	border: 2px solid #0055bf;
	border-top-width: 0px;
}
div#pickup div.pickupbody p.imagearea {
	width: 204px;
	height: 123px;
	margin-bottom: 8px;
}
div#pickup div.pickupbody p.textarea {
	width: 204px;
	margin-bottom: 3px;
}
div#pickup div.pickupbody p.entry_cont {
	width: 204px;
	text-align: right;
}

div#bannercolumn div#sub_navi {
	width: 220px;
	margin-bottom: 20px;
	padding: 0px 0px 5px 0px;
	background: url(/sy/common/img/sidenavi/subnavi_bg_bottom.gif) no-repeat center bottom #52acf8;
}
div#bannercolumn div#sub_navi ul.sub_navi {
	padding: 0px 5px;
	font-size: 13px;
}
div#bannercolumn div#sub_navi h3 {
	margin-bottom: 0px !important;
}
div#bannercolumn div#sub_navi ul.sub_navi li.first {
	margin-bottom: 1px;
}
div#bannercolumn div#sub_navi ul.sub_navi li a {
	display: block;
	width: 173px;
	padding: 8px 10px 6px 26px;
	background: url(/sy/common/img/parts/icon_sub_navi_off.gif) no-repeat 9px 11px #ffffff;
	text-decoration: none;
	letter-spacing: 1px;
}
div#bannercolumn div#sub_navi ul.sub_navi li a:hover {
	background: url(/sy/common/img/parts/icon_sub_navi_on.gif) no-repeat 9px 11px #cfe9ff;
}
div#bannercolumn div#sub_navi ul.sub_navi li.current a {
	background: url(/sy/common/img/parts/icon_sub_navi_cur.gif) no-repeat 9px 11px #1664c4;
	color: #ffffff;
}
div#bannercolumn div#sub_navi ul.sub_navi li.current a:hover {
	background-color: #1664c4;
}

div#bannercolumn ul#side_navi {
	margin-bottom: 13px;
	padding-top: 0px;
}
div#bannercolumn ul#side_navi li {
	width: 220px;
	height: 55px;
	padding-bottom: 7px;
}
div#bannercolumn ul#side_navi li a {
	display: block;
	width: 220px;
	height: 55px;
	background: none no-repeat 0px 0px;
}
div#bannercolumn ul#side_navi li a:hover {
	background-position: 0px -55px;
}

div#bannercolumn div#banner_area {
	margin-bottom: 0px;
}
div#bannercolumn div#banner_area ul#banner_navi {
	margin-bottom: 8px;
}
div#bannercolumn div#banner_area ul#banner_navi li {
	padding-bottom: 7px;
}

div#address {
	margin-bottom: 15px;
	padding: 8px 9px 7px 9px;
	border: 3px solid #ededed;
	word-break: break-all;
	line-height: 1.7;
}
div#address strong {
	display: block;
	padding-bottom: 2px;
}


/* トップページへ戻る */
p.totop {
	clear: both;
	width: 980px;
	text-align: right;
}
p.totop a {
	padding-left: 11px;
	background: url(/sy/common/img/parts/icon_totop_off.gif) no-repeat 0px 43%;
}
p.totop a:hover {
	background-image: url(/sy/common/img/parts/icon_totop_on.gif);
}


/* footer */
div#footer {
	width: 100%;
	min-width: 980px;
	padding: 23px 0px 20px;
	background-color: #7B7B7B;
	color: #ffffff;
}
div#footer div.footerinner {
	width: 980px;
	margin: 0 auto;
	text-align: left;
}
div#footer div.footerinner ul#footer_navi {
	margin-bottom: 5px;
}
div#footer div.footerinner ul#footer_navi li {
	float: left;
	margin-right: 13px;
}
div#footer div.footerinner ul#footer_navi a {
	padding-left: 16px;
	background: url(/sy/common/img/parts/icon_footer_navi_off.gif) no-repeat 0px 43%;
	text-decoration: underline;
	color: #ffffff;
}
div#footer div.footerinner ul#footer_navi a:hover {
	background-image: url(/sy/common/img/parts/icon_footer_navi_on.gif);
	text-decoration: none;
}