@charset "UTF-8";

/* ===================================
	File Name   : common.css
	Description : Base Layout CSS
	Editor      : Bface Takahira
	Last Editor : Bface Saigusa
	
	Update Description :
	[2016/04/07] 別ウィンドウマーク追記
	[2013/12/4] 新規作成

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

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

	1. Global Redefinition
	2. Font Size Redefinition
	3. Box Setting
	4. Common Items Setting
		- Basic Link
	 	- Header Items
		- Global Navigation
	 	- Footer Items
		- Footmark
		- Page Top Button
		- Title Setting
	*. Clear Fix

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





/*===== ■1. Global Redefinition =====*/
body {
  margin: 0 auto;
	background: #ffffff;
	color: #333333;
}





/*===== ■2. Font Size Redefinition =====*/
body {
    *font: x-small; /* IE 6  */
    *font-size: small; /* IE 7 */
    font: 13px/1.231 "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragio Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic","arial","verdana","Osaka",sans-serif; /* Modern Browser */
}

p,span,em,strong { font-size: 93%;}





/*===== ■3. Box Setting =====*/
#entirety {
	margin: 0 auto;
}

#contents { 
	width: 1000px;
	margin: 0 auto;
}

#header {
	width: 1000px;
	padding-top: 20px;
	margin: 0 auto;
}

#footer {
	width: 950px;
	margin-left: 50px;
	border-top: 2px solid #980000;
	padding: 5px 0 30px;
}

#contents_inner {
	width: 950px;
	margin-left: 50px;
}





/*===== ■4. Common Items Setting =====*/
/* Basic Link */
a {
	font-size: 93%;
	outline: hidden;
	text-decoration: none;
}

a:link { color: #333333;}

a:visited {
	color: #333333;
	text-decoration: none;
}

a:hover {
	color: #990000;
	text-decoration: underline;
}

a.blank:after {
	display: inline-block;
	margin-left: 5px;
	content: url(../img/common/mark-blank.gif);
}


/* Header Items */
#header strong {
	float: left;
	display: block;
	margin-bottom: 35px;
}

ul#header_navi {
	margin-bottom: 5px;
	text-align: right;
}

ul#header_navi li {
	display: inline-block;
	margin-right: 20px;
}

ul#header_navi li a {
	padding-left: 10px;
	background: url(../img/common/mark-hnavi-red.gif) no-repeat left center;
	font-size: 77%;
	outline: hidden;
	text-decoration: none;
}

ul#header_navi li a:link,
ul#header_navi li a:visited {	color: #990000;}

ul#header_navi li a:hover,
ul#header_navi li#hnavi_active a {
	background: url(../img/common/mark-hnavi-orange.gif) no-repeat left center;
	color: #e66b21;
}

#header dl {
	float: right;
	width: 305px;
}

#header dt {
	float: left;
	width: 96px;
	margin-right: 10px;
}

#header dd { position: relative;}

#header input#search_text {
	display: block;
	width: 130px;
	height: 26px;
	margin: 0px;
	padding: 3px 3px 3px 62px;
	border: 1px solid #980000;
	background: url(../img/common/bg-search-form.gif) repeat-x;
	outline: none;
}

#header dd input#search_btn {
	position: absolute;
	top: 1px;
	left: 106px;
	border: none;
	background: url(../img/common/btn-search-form_off.gif) no-repeat;
	width: 59px;
	height: 32px;
	cursor: pointer;
}

#header dd input#search_btn:hover {	background: url(../img/common/btn-search-form_on.gif) no-repeat;}


/* Global Navigation */
ul#global_navi {
	width: 1000px;
	margin-bottom: 20px;
	background: #990000;
}

ul#global_navi li {
	display: inline-block;
	padding: 8px 0 8px 25px;
}

ul#global_navi li a {
	padding-left: 17px;
	background: url(../img/common/mark-gnavi-white.gif) no-repeat left 4px;
	font-size: 108%;
	outline: hidden;
	text-decoration: none;
}

ul#global_navi li a:link,
ul#global_navi li a:visited {	color: #ffffff;}

ul#global_navi li a:hover,
ul#global_navi li#gnavi_active a {
	background: url(../img/common/mark-gnavi-orange.gif) no-repeat left 4px;
	color: #e66b21;
}


/* Footer Items */
address {
	display: block;
	font-size: 93%;
	text-align: right;
}

#footer img {
	display: block;
	margin: 0 auto;
}


/* Footmark */
#footmark {
	padding-right: 5px;
	border-bottom: 2px solid #980000;
	text-align: right;
}

#footmark a {
	margin-right: 10px;
	padding-right: 20px;
	background: url(../img/common/mark-arrow-footmark.gif) no-repeat right center;
}

#footmark span { color: #990000;}


/* Page Top Button */
.pagetop {
	margin: 0 5px 5px 0;
	text-align: right;
}

.pagetop a {
	padding-left: 12px;
	background: url(../img/common/mark-pagetop-red.gif) no-repeat left center;
	font-size: 77%;
	outline: hidden;
	text-decoration: none;
}

.pagetop a:link,
.pagetop a:visited {	color: #990000;}

.pagetop a:hover {
	background: url(../img/common/mark-pagetop-orange.gif) no-repeat left center;
	color: #e66b21;
	text-decoration: none;
}


/* Title Setting */
#title_area { margin-bottom: 20px;}

#title_area h1 {
	float: left;
	margin: -2px 15px 0 0;
	border-left: 7px solid #000000;
}

#title_area h1 span {
	display: inline-block;
	background: #980000;
	padding: 7px 25px;
	border-left: 3px solid #d5c45f;
	color: #ffffff;
	font-size: 108%;
}

#title_area ul#sub_navi li {
	display: inline-block;
	margin: 8px 10px 0 0;
	padding-left: 10px;
	border-left: 1px solid #333333;
}

#title_area ul#sub_navi li:first-child {
	padding-left: 0;
	border-left: none;
}

#title_area ul#sub_navi li a { font-size: 108%;}

#title_area ul#sub_navi li#active a {
	color: #980000;
	text-decoration: underline;
}



/* Clear Fix */
#header:after,
#header dl:after,
#title_area:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0;
	content: " ";
}