@charset "utf-8";

/*-----------------------------------------------
	kill default set
-------------------------------------------------*/

* {
	margin:0;
	padding:0;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}

/*-----------------------------------------------
	fontsize setting
-------------------------------------------------*/

body {
	font: 13px/1.231 "メイリオ","ＭＳ Ｐゴシック",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3";
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
}

select,
input,
button,
textarea {
	font: 99% "メイリオ","ＭＳ Ｐゴシック",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3";
}

table {
	font-size:inherit;
	font:100%;
}

pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}



/*-----------------------------------------------
	baseset
-------------------------------------------------*/

body {
	color:#1a1a1a;
	line-height:1.8em;
	
}

a {
	color:#335a99;
	text-decoration:none;
	
	
	
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
}

a:hover {
	text-decoration:underline;
}

.pdf {
	background:url(../images/global/icon_pdf.gif) no-repeat 0 1px;
	padding:0 0 0 18px;
}

.clear {
	clear:both;
	height : 0;
	visibility : hidden;
	font-size : 0;
	line-height : 0;
}

img {
	border:none;
}

hr {
	 margin:50px 0;
	 border-width: 1px 0px 0px 0px;
	 border-style: dotted;
	 border-color: #355a99;
	 height: 1px;
	 clear:both;
}

* html hr {
	margin:0 0 5px 0;
}

hr.dotted {
	 margin:10px 0 10px 0;
	 border-width: 1px 0px 0px 0px;
	 border-style: dotted;
	 border-color: #BBBBBB;
	 height: 1px;
}

hr.inner {
	 margin:0 0 10px 25px;
	 border-width: 1px 0px 0px 0px;
	 border-style: solid;
	 border-color: #BBBBBB;
	 height: 1px;
}

hr.inner_dooted {
	 margin:0 0 10px 25px;
	 border-width: 1px 0px 0px 0px;
	 border-style: dotted;
	 border-color: #BBBBBB;
	 height: 1px;
}

.analytics {
	visibility:hidden;
}

/*-----------------------------------------------
	clearfix
-------------------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1px;
}

.clearfix {
	display: block;
}

/*-----------------------------------------------
	button
-------------------------------------------------*/

.btn_multi {
	padding:30px 0 40px 0;
}

.btn_multi .btn_left {
	float:left;
}

.btn_multi .btn_right {
	float:right;
}

.btn_single {
	width:300px;
	margin:0 auto;
	padding:20px 0 60px 0;
}

.btn_single02 {
	width:300px;
	margin:0 auto;
	padding:0px 0 20px 0;
}


/*-----------------------------------------------
	text
-------------------------------------------------*/

h2 {
	display:block;
	float:left;
	margin:0 0 1px 0;
	padding:2px 0 2px 10px;
	border-left:10px #fac500 solid;
	color:#335a99;
	font-size:131%;
}

h2 span {
	font-size:85%;
}

.h2_block {
	clear:both;
	margin:0 0 0px 0;
	border-bottom:1px #fac500 solid;
}

.h2_block_sub {
	margin:40px 0 15px 0;
	border-bottom:1px #fac500 solid;
}

.h2_block .h2_link a {
	display:block;
	float:right;
	width:110px;
	height:0px;
	margin:0 8px 0 0;
	padding:24px 0 0 0;
	overflow:hidden;
}

.h2_block .h2_link a.list {
	background:url(../images/global/btn_to_list.png) no-repeat;
}

h3 {
	color:#fff;
	border-left:5px #fff solid;
	padding:0 0 0 10px;
}

h3 a {
	color:#fff;
}

.h3_block {
	/*background:#a39a00;*/
	background:#6896D2;
    display:block;  
	margin:20px 0 0 0;
    padding:6px 6px 6px 15px;  
}

.h3_block_l {
	/*background:#f32b4f;*/
	background:#F95F7B;
    display:block;  
	margin:20px 0 0 0;
    padding:6px 0 6px 15px;  
}

p {
	padding:0 0 5px 0;
}

p.pd_top {
	padding:20px 0 0 0;
}

p.pd_bottom {
	padding:0 0 20px 0;
}

strong {
	font-weight:bold;
}

span.blue {
	color:#355a99;
}

span.pink {
	color:#F32B4F;
}

span.orange {
	color:#e7823d;
}

span.glay {
	color:#808080;
}

span.red {
	color:#cc0000;
}

span.big {
	font-size:116%;
}

span.small {
	font-size:84%;
}

.note { 
	margin-left:20px;
	text-indent:-1.5em;
	padding:0 0 5px 0;
}

/*-----------------------------------------------
	wrapper
-------------------------------------------------*/

#wrapper {
	margin:0 auto 0 auto;
	position:relative;
}

/*-----------------------------------------------
	header
--------------------------------------------------*/
#wrapper #header {
	margin:0 auto;
	background:#fac500;
}

#wrapper #header #header_contents {
	display:block;
	width:960px;
	height:auto;
	margin:0 auto;
	padding:5px 0;
}

#wrapper #header #header_contents h1 {
	display:block;
	float:left;
	padding:0 0 0 10px;
	font-size:100%;
	color:#335a99;
	font-weight:bold;
}

#wrapper #header #header_contents .header_link {
	float:right;
}

#wrapper #header #header_contents .header_link ul li {
	float:left;
	margin:0 20px 0 0;
	list-style:none;	
}

#wrapper #header #header_contents .header_link ul li a {
	display:block;
	background:url(../images/global/arrow_circle.png) no-repeat 0 5px;
	padding:0 0 0 18px;
	color:#335a99;
	font-weight:bold;
}

#wrapper #header #header_contents .header_sns {
	float:right;
}

#wrapper #header #header_contents .header_sns ul li {
	float:left;
	margin:0 5px 0 0;
	list-style:none;
}

#wrapper #header #header_contents .header_sns ul li.tw a {
	display:block;
	background:url(../images/global/header_sns_icon_tw.png) no-repeat;
	width:20px;
	height:0px;
	padding:20px 0 0 0;
	overflow:hidden;
}

#wrapper #header #header_contents .header_sns ul li.fb a {
	display:block;
	background:url(../images/global/header_sns_icon_fb.png) no-repeat;
	width:20px;
	height:0px;
	padding:20px 0 0 0;
	overflow:hidden;
}

/*-----------------------------------------------
	container
-------------------------------------------------*/
#wrapper #container {
	clear:both;
	width:960px;
	margin:0 auto;
	position: relative;
}

/*-----------------------------------------------
	keyvisual
-------------------------------------------------*/

#wrapper #container #keyvisual {
	padding:0 0 20px 0;
}

#wrapper #container #inner_keyvisual {
	padding:0 0 10px 0;
}

/*-----------------------------------------------
	topic_path
-------------------------------------------------*/
#wrapper #container #topic_path {
	font-size:92%;
	padding:0 0 20px 0;
}

#wrapper #container #topic_path ul {
	list-style:none;
}

#wrapper #container #topic_path ul li {
	display:block;
	float:left;
	padding:0 0 0 6px;
	color:#808080;
}

#wrapper #container #topic_path ul li a {
	color:#808080;
}

#wrapper #container #topic_path ul li.top {
	padding:0px;
}

/*-----------------------------------------------
	global_navi
-------------------------------------------------*/
#wrapper #container #g_navi {
	padding:8px 25px 2px 25px;
}

#wrapper #container #g_navi ul li{
	float:left;
	margin:20px 0;
	padding:0 30px 0 0;
	list-style:none;
}

#wrapper #container #g_navi ul li.home {
	padding:0 46px 0 0;
}

#wrapper #container #g_navi ul li.gist {
	padding:0 80px 0 0;
}

#wrapper #container #g_navi ul li a {
	display:block;
	padding:30px 0 0 0;
	color:#335a99;
	font-size:116%;
	outline:none;
}

#wrapper #container #g_navi ul li a:hover {
	text-decoration:none;
	border-bottom:3px #fac500 solid;
	color:#fac500;
}

#wrapper #container #g_navi ul li.home a {
	background:url(../images/global/logo_sdp.png) no-repeat 0 0;
	width:252px;
	height:0px;
	padding:78px 0 0 0;
	overflow:hidden;
}

#wrapper #container #g_navi ul li.home a:hover {
	border:none;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

/*--ページ毎に変更--*/

#project #wrapper #container #g_navi ul li.project a {
	text-decoration:none;
	border-bottom:3px #fac500 solid;
	color:#fac500;
}

#works #wrapper #container #g_navi ul li.works a {
	text-decoration:none;
	border-bottom:3px #fac500 solid;
	color:#fac500;
}

#gist #wrapper #container #g_navi ul li.gist a {
	text-decoration:none;
	border-bottom:3px #fac500 solid;
	color:#fac500;
}

#faq #wrapper #container #g_navi ul li.faq a {
	text-decoration:none;
	border-bottom:3px #fac500 solid;
	color:#fac500;
}

#session #wrapper #container #g_navi ul li.session a {
	text-decoration:none;
	border-bottom:3px #fac500 solid;
	color:#fac500;
}

/*-----------------------------------------------
	main_cl
-------------------------------------------------*/
#wrapper #container #main_cl {
	float:left;
	width:618px;
	padding-bottom: 182px;
}

#wrapper #container #main_cl .section {}

#wrapper #container #main_cl .contents {
	padding:0 20px 35px 20px;
}

#wrapper #container #main_cl .contents .contents_kv {
	margin:20px 0 10px 0;
}

#wrapper #container #main_cl .contents .img_block {
	padding:20px 0 0 0;
}

#wrapper #container #main_cl .contents .img_block .img_left {
	float:left;
	width:190px;
	padding:0 20px 0 0;
}

#wrapper #container #main_cl .contents .img_block .text_left {
	float:left;
	width:378px;
	padding:0 10px 0 0;
}

#wrapper #container #main_cl .contents_pd_none {
	padding-bottom:0px;
}

#wrapper #container #main_cl .superhotel {
	position: absolute;
	left: 0;
	bottom: 72px;
}
#wrapper #container #main_cl .superhotel a {
	display:block;
	background:url(../images/global/superhotel.png) no-repeat;
	width:618px;
	height:0px;
	padding:182px 0 0 0;
	overflow:hidden;
}

#wrapper #container #main_cl .superhotel a:hover {
	border:none;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

/*-----------------------------------------------
	right_cl
-------------------------------------------------*/
#wrapper #container #right_cl {
	float:right;
	width:300px;
}

#wrapper #container #right_cl .rc_banner {
	padding:0 0 20px 0;
}

#wrapper #container #right_cl .rc_banner a {
	display:block;
	text-align: center;
}

#wrapper #container #right_cl .rc_banner_sdp {
	padding:0;
}

#wrapper #container #right_cl .rc_banner_fcall {
	padding:0 0 20px 0;
}

#wrapper #container #right_cl strong {
	display:block;
	padding:10px 0 5px 0;
	color:#335a99;
	font-size:116%;
	font-weight:bold;
}

#wrapper #container #right_cl a:hover {
	opacity: 0.7;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}

#wrapper #container #right_cl .rc_sdp_text {
	line-height:1.4em;
}

/*-----------------------------------------------
	right_cl sub_navigation
-------------------------------------------------*/

#wrapper #container #right_cl #s_navi {
	padding:0 0 40px 0;
	position:relative;
}

#wrapper #container #right_cl #s_navi ul li {
	list-style:none;
}

#wrapper #container #right_cl #s_navi ul li span {
	font-size:92%;
}

#wrapper #container #right_cl #s_navi ul li.title {
	background:#355a99;
	color:#fff;
	padding:0 0 0 18px;
	font-size:123.1%;
	line-height:4.8em;
}

#wrapper #container #right_cl #s_navi ul li a {
	display:block;
	background:url(../images/global/s_navi_arrow.png) no-repeat 270px 24px;
	padding:0 0 0 18px;
	border-bottom:1px #355a99 dotted;
	text-decoration:none;
	line-height:4.4em;
	font-size:108%;
	outline:none;
}

#wrapper #container #right_cl #s_navi ul li a:hover {
	background:#d9dfec url(../images/global/s_navi_arrow.png) no-repeat 270px 24px;
	
}

#wrapper #container #right_cl #s_navi .lady_icon {
	display:block;
	position:relative;
	top:157px;
	left:26px;
}

/*--ページ内サブナビゲーション変更--*/
#wrapper #container #right_cl #s_navi ul li a.select {
	background:#d9dfec;
}

/*-----------------------------------------------
	to_top
-------------------------------------------------*/
#wrapper #container #to_top {
	clear:both;
	float:right;
	width:150px;
	margin:10px 0 -1px 0;
	background:#335a99;
	
	
	
	
	-webkit-border-radius: 4px 4px 0px 0px / 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px / 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px / 4px 4px 0px 0px;
}

#wrapper #container #to_top a {
	display:block;
	background:url(../images/global/arrow_circle_top.png) no-repeat 14px 15px;
	padding:10px 0 10px 36px;
	color:#fff;
}

#wrapper #container #to_top a:hover {
	text-decoration:none;
	color:#96aaca;
}


/* inner */
#wrapper #container #to_top_inner a {
	display:block;
	float:right;
	background:url(../images/global/arrow_circle02.png) no-repeat 0 5px;
	margin:0 0 20px 0;
	padding:0 0 0 18px;
	color:#335a99;
	font-weight:bold;
}

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

#wrapper #footer {
	background:#335a99;
	color:#fff;
}

#wrapper #footer #footer_container {
	width:960px;
	margin:0 auto;
	padding:50px 0 5px 0;
}

#wrapper #footer #footer_container a {
	color:#fff;
}

#wrapper #footer #footer_container li {
	list-style:none;
}

#wrapper #footer #footer_container .logo_block {
	float:left;
	width:219px;
	padding:0 0 0 20px;
}

#wrapper #footer #footer_container .logo_block .sdp{
	background:url(../images/global/logo_footer_sdp.png) no-repeat;
	width:219px;
	height:0px;
	margin:0 auto 70px auto;
	padding:68px 0 0 0;
	overflow:hidden;
}

#wrapper #footer #footer_container .logo_block .hotel{
	background:url(../images/global/logo_footer_sh.png) no-repeat;
	width:154px;
	height:0px;
	margin:0 auto 20px auto;
	padding:28px 0 0 0;
	overflow:hidden;
}

#wrapper #footer #footer_container .logo_block .hotel_link{
	padding:0 0 0 34px;
}

#wrapper #footer #footer_container .logo_block .hotel_link ul li {
	float:left;
	margin:0 5px 0 0;
}

#wrapper #footer #footer_container .logo_block .hotel_link ul li a {
	font-weight:bold;
}

#wrapper #footer #footer_container .cont_block {
	float:right;
	width:684px;
}

#wrapper #footer #footer_container .cont_block .sitelink {
	font-size:92%;
	margin:0 20px 0 0;
	padding:0 0 40px 0;
	border-bottom:1px #fff solid;
}

#wrapper #footer #footer_container .cont_block .sitelink ul li.text {
	margin:0 50px 0 0;
	font-weight:bold;
}

#wrapper #footer #footer_container .cont_block .sitelink ul li {
	float:left;
	margin:0 12px 0 0;
}

#wrapper #footer #footer_container .cont_block .sitelink .footer_fcall {
	font-weight:bold;
}

#wrapper #footer #footer_container .cont_block .sitelink .footer_fcall a {
	font-weight:bold;
}

#wrapper #footer #footer_container .cont_block ul li.link_last {
	margin:0;
}

#wrapper #footer #footer_container .cont_block .sitemap {
	margin:0 20px 0 0;
	padding:40px 0 40px 0;
	border-top:1px #214C7F solid;
}

#wrapper #footer #footer_container .cont_block .sitemap .list_block {
	float:left;
	padding:0 24px 0 0;
	font-size:85%;
}

#wrapper #footer #footer_container .cont_block .sitemap .list_last {
	padding:0px;
}

#wrapper #footer #footer_container .cont_block .sitemap .list_block a.list_title {
	font-weight:bold;
}

#wrapper #footer #footer_container .cont_block .sitemap ul.indent li a {
	padding:0 0 0 10px;
}

#wrapper #footer #footer_container .cont_block .sitemap ul.list_bottom {
	padding:0 0 10px 0;
}

#wrapper #footer #footer_container .cont_block .sitemap .list_block li.list_title {
	font-weight:bold;
}

/*-----------------------------------------------
	copy
-------------------------------------------------*/

#copy {
	padding:10px 0;
	text-align:center;
	color:#666666;
	font-weight:bold;
	font-size:92%;
}



















