@charset "utf-8";

/* ===================================
	File Name   : common.css
	Description : Base Layout CSS
	Editor      : Bface Saeki
	Last Editor : Bface Takahira
	
	Update Description :
	[2016/01/05] Footer修正
	[2015/07/24] Common Item (Sp Header Link）追記
	[2015/07/06] #fixed_apply dd修正
	[2015/04/20] 新規作成

====================================== */

/*========== Style Contents ==========

	1. Global Redefinition
	2. Font Size Redefinition
	3. Box Setting
	4. Common Items Setting
		- Basic Link
	 	- Header Items
	 	- Footer Items
		- Global Navigation
		- Footer Navigation
		- Breadcrumbs
		- Page Top Button
		- Anchor
		- Title Items
		- Fixed Bar
		- Sub Column
		- Sp Header Link
		- Clear Fix

====================================== */





/*===== ■1. Global Redefinition =====*/
body {
  margin: 0px auto;
	background: #FFFFFF;
	color: #333333;
	line-height: 150%;
}

sup {
	font-size: 9px;
	font-size: 0.9rem;
}



/*===== ■2. Font Size Redefinition =====*/
* { font-size: 1.3rem;}

html { font-size: 62.5%;}

body {
    font-size: 13px;
		font-size: 1.3rem;
		font-family: "arial","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragio Kaku Gothic Pro","verdana","Osaka",sans-serif;
}





/*===== ■3. Box Setting =====*/
#entirety {
	position: relative;
	margin: 0px auto;
	padding-bottom: 90px;
}

main {
	display: block;
	position: relative;
	width: 980px;
	margin: 0px auto;
}

article {
	overflow: hidden;
	margin-bottom: 40px;
}

#main_column {
	float: left;
	width: 746px;
	padding: 1px;
	border: 1px solid #ccc;
	background: url(../img/common/bg-maincolumn.jpg) no-repeat 1px 1px;
}

#sub_column {
	float: right;
	width: 198px;
	padding: 5px;
	border: 1px solid #ccc;
	background: url(../img/common/bg-subcolumn.gif) no-repeat 1px 1px;
}

#global_header {
	width: 980px;
	margin: 0 auto;
}

#global_footer {
	clear: both;
	border-top: 1px solid #CCCCCC;
	padding-top: 15px;
}

#main_inner,
section {
	width: 715px;
	margin: 0 auto 20px;
}


/* Clear Fix Only Box  */
#global_header:after,
main:after,
article:after,
.section:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0;
	content: " ";
}





/*===== ■4. Common Items Setting =====*/
/* Basic Link */
a {
	text-decoration: underline;
	outline: hidden;
}

a:link {
	color: #333;
	text-decoration: underline;
}

a:visited {
	color: #333;
	text-decoration: underline;
}

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

section a:link { color: #cc0000;}
section a:visited { color: #cc0000;}
section a:hover { color: #ff0000;}


/* Header Items */
#global_header h1 {
	float: left;
	width: 382px;
	margin: 15px 0 10px;
}

#global_header dl {
	float: right;
	width: 310px;
}
#global_header dl#venue {
	clear: right;
	width: 290px;
}

#global_header dt,
#global_header dd {
	display: table-cell;
	vertical-align: top;
}

#global_header dl#venue dd { padding: 10px 0 0 10px;}

#global_header dd span {
	display: inline-block;
	position: relative;
	top: -1px;
	margin: -2px 0 0 15px;
	text-align: right;
}

#global_header #social {
	clear: right;
	float: right;
	margin: 7px 0 7px 5px;
	text-align: right;
}

#global_header #social li {
	display: inline-block;
	margin-left: 10px;
	vertical-align: top;
}

#global_header #social li#tweet,
#global_header #social li#facebook { margin-top: 5px;}

#global_header #social li dl {
	float: none;
	width: inherit;
}

#global_header #social li dt {
	display: block;
	position: relative;
	min-width: 78px;
	padding: 3px 5px 3px 7px;
	border: 1px solid #CCCCCC;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cccccc));
	background: linear-gradient(to bottom, #ffffff 0%,#cccccc 100%);
	border-radius: 5px;
	cursor: pointer;
}
#global_header #social li dt:after {
	position: absolute;
	top: 10px;
	right: 7px;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top: 5px solid #333;
	content: '';
}
#global_header #social li dt:hover { background: #ccc;}

#global_header #social li dd {
	position: absolute;
	z-index: 99;
	display: none;
	width: 70px;
	padding: 5px 10px;
	border: #ccc;
	background: #ebebeb;
	border-radius: 0 0 3px 3px;
}

#global_header #social li dd a {
	display: block;
	margin: 5px 0;
	padding-bottom: 5px;
	border-bottom: 1px dotted #999;
}
#global_header #social li dd a:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}



/* Footer Items */
#footer_aside {
	padding: 20px 0 25px;
	border-top: 1px solid #CCCCCC;
	background: #EBEBEB;
}

#footer_aside a { text-decoration: none;}
#footer_aside a:hover { text-decoration: underline;}

#footer_aside a.soon {
	color: #999;
	text-decoration: none;
	cursor: default;
}


#footer_aside > div {
	width: 980px;
	margin: 0 auto;
}

#footer_aside div > ul {
	float: left;
	margin-right: 10px;
	vertical-align: top;
}

#footer_aside div > ul:first-child { min-width: 210px;}
#footer_aside div > ul:first-child+ul { min-width: 220px;}
#footer_aside div > ul:first-child+ul+ul { min-width: 260px;}

#footer_aside div > ul > li {
	margin-bottom: 10px;
	padding-left: 17px;
	background: url(../img/common/mark-arrow-circle.gif) no-repeat 0 2px;
}

#footer_aside div > ul > li > a {
	display: inline-block;
	line-height: 130%;
	font-weight: bold;
}
#footer_aside div > ul:first-child+ul > li ,
#footer_aside div > ul:first-child+ul+ul > li { margin-bottom: 5px;}

#footer_aside div li.space_bottom { margin-bottom: 20px;}

#footer_aside div ul a[target="_blank"] {
	padding-right: 20px;
	background: url(../img/common/bg-blank.png) no-repeat right center;
}

#footer_aside div ul ul {
	position: relative;
	padding: 7px 0 5px;
	border-left: 1px dotted #333;
}

#footer_aside div ul ul li {
	margin-bottom: 10px;
	padding-left: 18px;
	background: url(../img/common/bg-footer-link.gif) no-repeat 0 6px;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 130% !important;
}
#footer_aside div ul ul a { line-height: 130% !important;}

#footer_aside div ul ul li:last-child {
	position: absolute;
	bottom: -18px;
}

#footer_aside div dl {
	float: right;
	width: 260px;
	margin-top: 10px;
}

#footer_aside div dt {
	padding: 5px 10px;
	background: #333;
	color: #fff;
	font-weight: bold;
	line-height: 100%;
}

#footer_aside div dd {
	background: #fff;
	padding: 10px 10px 0;
	border: 1px solid #333;
	border-top: none;
}

#footer_aside div dd span {
	display: block;
	margin-bottom: 7px;
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 140%;
}

#footer_option {
	width: 980px;
	margin: 0 auto;
	padding: 10px 0 5px;
}

#footer_option p small {
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 250%;
}

#footer_option p a { float: right;}


/* Global Navigation */
#nav_wrapper { background: url(../img/common/bg-nav.gif) repeat-x bottom;}

#global_navi {
	width: 980px;
	margin: 0 auto 25px;
	background: url(../img/common/bg-navi.png) no-repeat;
}

#global_navi > ul > li {
	position: relative;
	float: left;
	width: 193px;
	margin-left: 3px;
	line-height: 0;
}

#global_navi > ul > li:first-child { margin-left: 2px;}
#global_navi > ul > li:last-child { width: 192px;}

#global_navi > ul > li span {
	display: block;
	position: absolute;
	top: 20px;
	right: 10px;
	width: 14px;
	height: 14px;
	background: url(../img/common/mark-gnavi-down.png) no-repeat;
}
#global_navi > ul > li.active span { background: url(../img/common/mark-gnavi-up.png) no-repeat;}

#global_navi ul ul {
	display: none;
	position: absolute;
	z-index: 9999;
	top: 54px;
	left: 1px;
	width: 179px;
	padding: 10px 5px;
	border: 1px solid #FBCBC8;
	border-radius: 0 0 3px 3px;
	background: #FBD9DC;
	box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

#global_navi ul ul li {
	margin-top: 7px;
	padding: 7px 5px 0;
	border-top: 1px dotted #999;
	line-height: 0;
}
#global_navi ul ul li:first-child {
	margin: 0;
	padding: 0 5px;
	border: none;
}

#global_navi ul ul li a:hover img {
	filter: alpha(opacity=60);
	opacity: 0.6;
}


/* Footer Navigation */
#footer_navi {
	position: relative;
	width: 980px;
	margin: 0 auto 15px;
	letter-spacing: -0.32em;
	text-align: center;
}

#footer_navi li {
	display: inline-block;
	margin: 0 10px;
	padding-left: 12px;
	background: url(../img/common/mark-arrow.gif) no-repeat 0 center;
	font-size: 12px;
	font-size: 1.2rem;
	letter-spacing: 0;
}

#footer_navi li:last-child {
	position: absolute;
	top: -45px;
	right: 0;
	margin: 0;
	padding: 0;
	background: none;
}

#footer_navi li a {
	display: inline-block;
	line-height: 100%;
}
#footer_navi li:last-child a {
	padding: 0;
	background: none;
}

#footer_navi li a[target="_blank"] {
	padding-right: 20px;
	background: url(../img/common/bg-blank.png) no-repeat right center;
}


/* Breadcrumbs */
#global_navi ol {
	display: block;
	clear: both;
	margin-left: 5px;
	padding: 8px 0;
}

#global_navi ol li {
	display: inline;
	list-style: none;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	font-size: 1.1rem;
}

#global_navi ol li a {
	color: #fff;
	font-weight: bold;
}


/* Page Top Button */
.pagetop {
	position: relative;
	height: 28px;
	margin: 20px 0 15px;
}
.pagetop li {
	position: absolute;
	top: 0;
	right: -12px;
}


/* Anchor */
#page_anchor {
	width: 695px;
	margin: 0 auto 30px;
	padding: 10px 15px 5px;
	background: url(../img/common/bg-td.gif) repeat;
}

#page_anchor li {
	float: left;
	margin: 0 25px 5px 0;
	padding-left: 15px;
	background: url(../img/common/mark-arrow-down.png) no-repeat 0 4px;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 100%;
}


/* Title Items */
#main_column h2 {
	min-height: 32px;
	margin: 20px 6px;
	padding: 0 6px 18px;
	border-bottom: 1px dotted #ccc;
}

#sub_column h2 {
	margin: 6px 3px 10px;
}

#main_column h3 {
	margin-bottom: 15px;
	padding-bottom: 15px;
	background: url(../img/common/bg-h3.gif) repeat-x bottom;
}

#main_column h3 span {
	display: block !important;
	margin: 0 0 0 5px !important;
	padding: 0 0 0 14px !important;
	border: none !important;
	background: url(../img/common/bg-h3-text.gif) no-repeat 0 center !important;
	text-align: left !important;
	line-height: 100% !important;
}

#main_column h3 b { margin-left: 10px;}
#main_column h3 b img { margin-right: 5px;}


/* Fixed Bar */
#fixed_bar {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 5000;
	width: 100%;
	height: 90px;
	background: url(../img/common/bg-fixed.png) bottom;
}

#fixed_bar .inner {
	width: 980px;
	margin: 0 auto;
}

#fixed_description {
	float: left;
	width: 500px;
	font-size: 0;
}

#fixed_description dt { margin: 10px 0 10px 6px}

#fixed_apply {
	float: right;
	width: 350px;
}



/* Fixed Bar */
#sub_column li { margin-top: 5px;}
#sub_column li:first-child { margin-top: 0;}

#sub_column li a {
	display: block;
	padding: 8px 5px 8px 16px;
	background: #ebebeb url(../img/common/mark-square-black.png) no-repeat 6px center;
	line-height: 120%;
	text-decoration: none;
}

#sub_column li a:hover { background: #F7D9D9 url(../img/common/mark-arrow-right.png) no-repeat 6px center;}
#sub_column li a.active {
	background: #F7D9D9 url(../img/common/mark-arrow-right.png) no-repeat 6px center;
	font-weight: bold;
}


/* Sp Header Link */
#sp_move a {
	display: block;
	padding: 30px 0;
	background: #bf0000;
	color: #fff;
	font-weight: bold;
	font-size: 30px;
	font-size: 3em;
	text-align: center;
	text-decoration: none;
}


/* Clear Fix  */
#global_navi:after,
#page_anchor ul:after,
#footer_aside div:after,
#footer_option p:after,
#fixed_bar:after,
#fixed_apply:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0;
	content: " ";
}