@charset "UTF-8";

/* ===================================
	File Name   : common.css
	Description : Base Layout CSS
	Editor      : Bface Saeki
	Last Editor : Bface Takahira
	
	Update Description :
	[2013/08/09] PartTime追記
	[2013/07/29] スマートフォン用ボタン追加
	[2012/04/27] 新規作成

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

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

	1. Global Redefinition
	2. Font Size Redefinition
	3. Box Setting
	4. Common Items Setting
		- Basic Link
	 	- Header Items
		- Header Navigation
		- Global Navigation
	 	- Footer Items
		- Footer Navigation
		- Foot Mark
		- Page Top Button
		- Hidden Character Setting
		- Title Setting
		- For Smartphone
	5. Sub Contents Setting

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





/*===== ■1. Global Redefinition =====*/
body {
  margin: 0px auto;
	background: url(../img/common/bg-body.jpg) repeat-x;
	color: #333333;
	line-height: 160%;
}





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

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

/* Font Size
77%     10pix
85%     11pix
93%     12pix
100%    13pix
108%    14pix
116%    15pix
123.1%  16pix
131%    17pix
138.5%  18pix
146.5%  19pix
153.9%  20pix
161.6%  21pix
167%    22pix
174%    23pix
182%    24pix
189%    25pix
197%    26pix
*/


/* For 93%
74.5%    9pix
82.8%   10pix
91%     11pix
100%    12pix
107.5%  13pix
116%    14pix
124%    15pix
132.5%  16pix
*/





/*===== ■3. Box Setting =====*/
#Entirety {
	position: relative;
	width: 100%;
}

#Contents {
	position: relative;
	margin: 0px auto 30px;
	background: url(../img/common/bg-contents.jpg) no-repeat center top;
}
#ContentsInner {
	width: 1000px;
	margin: 0px auto;
	padding-top: 20px;
}

#MainContents {
	float: left;
	width: 786px;
}

#SubContents {
	float: right;
	width: 194px;
}

#Header {
	position: relative;
	width: 1000px;
	height: 115px;
	margin: 0px auto 15px;
}

#Footer { background: #F6F6EF url(../img/common/bg-footer.gif) repeat-x;}
#FooterInner {
	position: relative;
	width: 1000px;
	margin: 0px auto;
}

/* Clear Fix Only Box  */
#Contents:after,
#ContentsInner:after,
#Footer:after,
.Section:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0;
	content: " ";
}

*:first-child+html #Contents,
*:first-child+html #ContentsInner,
*:first-child+html #Footer,
*:first-child+html .Section { zoom: 1;} /* IE7 */





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

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

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

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

/* Header Items */
#Header strong {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 194px;
	height: 145px;
}


/* Header Navigation */
#Header #BtnHeaderNavi {
	padding: 23px 0px 27px 210px;	
	text-align: right;
}

#Header #BtnHeaderNavi li {
	display: inline;
	margin-right: 20px;
}

#Header #BtnHeaderNavi li a {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	width: 51px;
	height: 13px;
	background: url(../img/common/btn-nav-head.png) no-repeat;
}

#Header #BtnHeaderNavi li a#BtnHeadSitemap { width: 59px; background-position: -51px 0px;}

#Header #BtnHeaderNavi li a:hover { background-position: 0px -13px;}
#Header #BtnHeaderNavi li a#BtnHeadSitemap:hover { background-position: -51px -13px;}


/* Global Navigation */
#Header #BtnGlobalNavi {
	position: absolute;
	left: 210px;
	bottom: 0px;
	width: 800px;
}

#Header #BtnGlobalNavi li {
	float: left;
	width: 157px;
	padding-right: 2px;
	background: url(../img/common/bg-nav.png) no-repeat right bottom;
}
#Header #BtnGlobalNavi li.last-child {
	padding: 0px;
	background: none;
}

#Header #BtnGlobalNavi li a {
	display: block;
	width: 157px;
	height: 52px;
	background: url(../img/common/btn-nav-global.png) no-repeat;
}
#Header #BtnGlobalNavi li a#BtnGlobalScene { background-position: -157px 0px;}
#Header #BtnGlobalNavi li a#BtnGlobalKodawari { background-position: -314px 0px;}
#Header #BtnGlobalNavi li a#BtnGlobalBrand { background-position: -471px 0px;}
#Header #BtnGlobalNavi li a#BtnGlobalNews { background-position: -628px 0px;}

#Header #BtnGlobalNavi li a#BtnGlobalTop:hover { background-position: 0px -52px;}
#Header #BtnGlobalNavi li a#BtnGlobalScene:hover { background-position: -157px -52px;}
#Header #BtnGlobalNavi li a#BtnGlobalKodawari:hover { background-position: -314px -52px;}
#Header #BtnGlobalNavi li a#BtnGlobalBrand:hover { background-position: -471px -52px;}
#Header #BtnGlobalNavi li a#BtnGlobalNews:hover { background-position: -628px -52px;}


/* Footer Items */
#Footer strong {
	display: block;
	margin-bottom: 18px;
	padding: 20px 0px 17px 5px;
}
#Footer strong a {
	display: block;
	width: 104px;
}
	
#Footer em { margin: 0px 15px 0px 5px;}
#Footer em img {
	display: inline;
	vertical-align: text-bottom;
}

#Footer address {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	color: #8B7E6D;
	font-size: 77%;
	font-family: Helvetica, Georgia, "Times New Roman", Arial, sans-serif;
	vertical-align: text-top;
}


/* Footer Navigation */
#Footer #BtnFooterNavi {
	float: right;
	margin: 0px 10px 15px;
	font-size: 93%;
	text-align: right;
}

#Footer #BtnFooterNavi li {
	float: left;
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid #999999;
}
#Footer #BtnFooterNavi li.last-child {
	margin: 0px;
	padding: 0px;
	border: none;
}

#Footer #BtnFooterNavi a { color: #777777;}
#Footer #BtnFooterNavi a:hover { color: #999999;}


/* Foot Mark */
#Footmark {
	width: 980px;
	margin: 0px auto 15px;
	color: #FFFFFF;
	font-size: 77%;
	text-align: right;
}

#Footmark a { color: #FFFFFF;}
#Footmark a:hover { color: #CCCCCC;}



/* Page Top Button */
#Footer #BtnPageTop {
	position: absolute;
	top: 25px;
	right: 10px;
	width: 134px;	
}

#Footer #BtnPageTop a {
	display: block;
	width: 134px;
	height: 13px;
	background: url(../img/common/btn-page-top.png) no-repeat;
}

#Footer #BtnPageTop a:hover { background-position: 0px -13px;}


/* Hidden Character Setting */
 a span {
	overflow: hidden;
	position: absolute;
	width: 0;
	height: 0;
}

#at20mc a span,
#at15s_inner a span {
	overflow: visible;
	position: relative;
	width: auto;
	height: auto;
}

#AddThis a span {
	overflow: visible !important;
	position: relative !important;
	width: auto !important;
	height: auto !important;
}

/* Title Setting */
h1 {
	margin: 0px 0px 25px 7px;
}


/* For Smartphone */
#BtnSmartPhone { height: 200px;}

#BtnSmartPhone li { text-align: center;}

#BtnSmartPhone a {
	display: block;
	height: 200px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.95, #b58e3c), color-stop(0.00, #e0a800));
	background: -moz-linear-gradient(top, #e0a800 0%, #b58e3c 95%); /*PC check*/
	color: #FFFFFF;
	font-weight: bold;
	font-size: 60px;
	line-height: 200px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
}





/*===== ■5. Sub Contents Setting =====*/
#SubContents dl {
	width: 194px;
	margin-bottom: 10px;
	background: url(../img/common/bg-sub-middle.gif) repeat-y;
}

#SubContents dt {
	margin: 0px auto;
	padding: 3px 3px 0px;
	background: url(../img/common/bg-sub-top.gif) no-repeat;
	/overflow: hidden;
}

#SubContents dt strong {
	display: block;
	margin-bottom: 3px;
	padding: 16px 0px 10px;
	background: url(../img/common/bg-sub-brand.jpg) no-repeat;
	text-align: center;
}

#SubContents dd {
	padding-bottom: 13px;
	background: url(../img/common/bg-sub-bottom.gif) no-repeat bottom;
	font-size: 93%;
	text-align: center;
}
#SubContents dt img,
#SubContents dd img { display: inline;}


/* Area Search */
#SubContents dl#SubSearch {
	background: url(../img/common/bg-sub-search-middle.jpg) repeat-y;
}

#SubContents dl#SubSearch dt {
	width: 180px;
	margin: 0px auto 5px;
	padding: 13px 7px 0px;
	background: url(../img/common/bg-sub-search-top.jpg) no-repeat;
}

#SubContents dl#SubSearch dt span {
	display: block;
	padding-bottom: 10px;
	background: url(../img/common/bg-line-subcont.gif) repeat-x bottom;
	text-align: center;
}
#SubContents dl#SubSearch dt span img { display: inline;}

#SubContents dl#SubSearch dd {
	width: 194px;
	padding: 0px 0px 13px;
	background: url(../img/common/bg-sub-search-bottom.jpg) no-repeat bottom;
}

#SubContents dl#SubSearch dd input#BtnSend {
	display: block;
	width: 180px;
	height: 25px;
	margin: 0px auto;
	border: none;
	background: url(../img/common/btn-sub-search.jpg) no-repeat left top;
	text-align: left;
	text-indent: -9999px;
	cursor: pointer;
	overflow: hidden;
}

#SubContents dl#SubSearch dd input#BtnSend:hover { background-position: 0px -25px;}

#SubContents dl#SubSearch dd dl {
	width: 180px;
	margin: 0px auto 15px;
	background: none;
}

#SubContents dl#SubSearch dd dt {
	width: auto;
	padding: 5px 12px;
	background: #948A7B url(../img/common/mark-circle-subcont.gif) no-repeat 3px center;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 93%;
	line-height: 100%;
}

#SubContents dl#SubSearch dd dd {
	width: auto;
	padding: 0px;
	background: none;
	font-size: 100%;
}

#SubContents dl#SubSearch #SubSearchArea dd {
	padding-top: 22px;
	background: url(../img/common/mark-essential.png) no-repeat;	
}

#SubContents dl#SubSearch dd dd select {
	width: 180px;
	/height: 20px;
	margin: 0px auto 5px;
}

#SubContents dl#SubSearch dd dd input[type="text"] { width: 170px;}

#SubContents dl#SubSearch dd dd ul {
	margin-bottom: 5px;
	letter-spacing: -0.4em;
}

#SubContents dl#SubSearch dd dd li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 1px 3px 1px 0px;
	letter-spacing: 0;
}

#SubContents dl#SubSearch dd dd li input {
	margin-right: 2px;
	/margin-right: 0px;
}


/* Watch List */
#SubContents dl#SubWatch dt strong {
	margin: 0px;
	padding: 0px;
	background: none;
	text-align: left;	
}

#SubContents dl#SubWatch dt em { display: block;}

#SubContents dl#SubWatch dd {
	padding: 0px 3px 4px;
	/padding: 0px 3px 4px 2px;
}

#SubContents dl#SubWatch dd ul {
	width: 164px;
	padding: 10px;
	border: 1px solid #E6E2D8;
	border-top: none;
}

#SubContents dl#SubWatch dd li {
	margin-bottom: 5px;
	padding-left: 10px;
	background: url(../img/common/mark-circle-brown.png) no-repeat 0px 6px;	
}
#SubContents dl#SubWatch dd li.last-child { margin-bottom: 0px;}


/* Open Info Banner */
#SubContents .Banner {
	display: block;
	margin-bottom: 10px;	
}

#SubContents .Banner a:hover img {
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
}


/* Club Colowide*/
#SubContents span#ClubColowide { margin-bottom: 10px;}

#SubContents span#ClubColowide a:hover img {
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
}


/* Part Time*/
#SubContents span#PartTime {
	display: block;
	margin: 10px 0;
}

#SubContents span#PartTime a:hover img {
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
}


/* Random Banner */
#SubContents #SubBanner {
	display: block;
	width: 180px;
	height: 135px;
	margin: 0px auto 15px;
	padding: 7px;
	background: url(../img/common/bg-sub-banner.gif) no-repeat;
	overflow: hidden;	
}

#SubContents #SubBanner a:hover img {
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
}


/* Social Button */
#SubContents #SubSocialBtn {
	margin-bottom: 15px;	
}

#SubContents #SubSocialBtn li { margin-bottom: 5px;}