@charset "utf-8";

/*=====================================================
 * Style Name: Be Style
 * Style URL: /sp/cont_common/css/sp_sub_css.css
 * Description: 
 * Version: 1.1
 * Last Up Date: 2012/09/11
 * Author: Neos
 * Author URL: http://www.neoscorp.jp/
=====================================================*/



/*-----  contents -------

	1: Clearfix
	2: Common Elements
		: Header, Heading
		: Table
		: List
		: Paragraph
		: inline Elements
	3: Blocks
	  
----------------------*/



/*
===== 1: Clearfix ===========================*/

div.container:after,
header:after,
div.main:after,
section:after,
footer:after,
ul.icons:after,
ul.tabBlock:after { content : ''; display : block; clear : both; }



/*
===== 2: Common Elements ===========================*/

section {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: #cccccc 1px solid;
}
section section { padding: 0 0 10px; }
section:last-child { border: 0; }

noscript {
	display: block;
	padding: 10px;
	color: #cc0000;
}


/* Header, Heading
----------------------------*/

hgroup {
	margin-bottom: 15px;
}
h1, h3, h4, h5, h6 { font-weight: normal; }
h1 {
	padding: 10px 0;
	background: #eeeeee;
	font-size: 13px;
	font-weight: normal;
	border-bottom: #cccccc 1px solid;
}
hgroup p,
h1 span {
	display: block;
	margin: auto;
	width: 95%;
}
hgroup p { padding: 10px 0 0; text-align: center; }

h2.hasIcon {
	display: table;
	margin: 0 0 10px;
	width: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#f4f4f4));
	box-shadow: 0 1px 3px rgba(159, 162, 172, .45);
	border-radius: 4px;
}

h2.hasIcon span,
h2.hasIcon em {
	display: table-cell;
	padding: 7px 0 6px 10px;
	border: 1px solid #cdcdcd;
	border-radius: 0 4px 4px 0;
	vertical-align: middle;
}
h2.hasIcon span {
	background: #0d56a7;
	padding: 7px 0 6px;
	width: 42px;
	text-align: center;
	border: 1px solid #0a3e78;
	border-right: 0;
	border-bottom: 1px solid #093a71;
	border-radius: 4px 0 0 4px;
}
h2.hasIcon span img { vertical-align: middle; }

h3, h4, h5, h6 {
	margin-bottom: 15px;
	padding: 0 0 0 .9em;
	background: url(/sp/cont_common/image/icon_heading.png) no-repeat;
	background-size: 21px 192px;
}
h3 {
	padding-bottom: .2em;
	background-position: -14px .3em;
	color: #0f0f83;
	border-bottom: 2px solid #0f0f83;
}
h4 { background-position: -7px center; }
h5 { background-position: 0 -172px; }
h6 { padding: 0; background: none; }

p.topNote { padding-bottom: 15px !important; border-bottom: 1px solid #cccccc; }
p.topNote img { margin-bottom: 10px; }


/* Table
----------------------------*/

/*--- Basic ---*/

table.basic {
	margin-bottom: 10px;
	width: 100%;
	background: #f5f5f5;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #cccccc;
}
table.column2 th { width: 40%; }
table.column2 thead th { width: 50%; }

table.basic th,
table.basic td { padding: 10px; vertical-align: middle; }

table.basic th {
	background: #265daf;
	color: #ffffff;
	font-weight: normal;
	border: 1px solid #265daf;
}

table.basic thead th {
	text-align: center;
	vertical-align: top;
	border-right-color: #799acb;
}
table.basic thead th:last-child { border-right-color: #265daf; }

table.basic tbody th { border-bottom-color: #799acb; }
table.basic tbody th:last-child { border-bottom-color: #265daf; }

table.basic td {
	border: 1px solid #cccccc;
	border-width: 1px 1px 0 0;
}


/*--- Release ---*/

table.release { width: 100%; text-align: left; border-collapse: collapse; }
table.release th,
table.release td {
	padding: 10px 0;
	font-weight: normal;
	border-bottom: 1px solid #cccccc;
	vertical-align: top;
}
table.release th { padding-right: 10px; width: 6em; }


/* Paragraph
----------------------------*/

p.txtBnr {
	background: -webkit-gradient(linear, left top, left bottom, from(#1f559a), to(#0a3a73));
	border-radius: 4px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .3);
}
p.txtBnr a {
	display: block;
	padding: 10px;
	background: url(/sp/cont_common/image/arrow_bnrlink.png) 98% 52% no-repeat;
	background-size: 10px 15px;
	padding: 10px 35px 10px 10px;
	color: #ffffff;
}


/* Link
----------------------------*/

#spDomContainer ul.listLink li,
#spDomContainer ul.notice li,
#spDomContainer ul.icons li,
#spDomContainer ul.tabBlock li,
#spDomContainer ul.btnBlock li,
#spDomContainer dl.asideBox li {
	text-indent: 0;
}


/*--- List Link ---*/

ul.listLink li {
	padding: 0 !important;
	background: #f5f5f5;
	border: 1px solid #cccccc;
	border-width: 0 1px 1px;
}
ul.listLink li:first-child {
	border-top-width: 1px;
	border-radius: 4px 4px 0 0;
}
ul.listLink li:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
ul.listLink a {
	display: block;
	padding: 5px 25px 5px 5px;
	background: url(/sp/cont_common/image/arrow_bnrlink_w.png) 98% 52% no-repeat;
	background-size: 10px 15px;
	color: #333333;
}
ul.listLink span {
	display: inline-block;
	margin-top: 5px;
}


/*--- Notice ---*/

ul.notice li { margin-bottom: 10px; padding-left: 1.5em !important; }
ul.notice span.number { display: inline-block; margin-left: -1.5em; width: 1.5em; }

ul.noticeNonum li { margin-bottom: 10px; }


/*--- Icons ---*/

ul.icons li { float: left; margin-right: 5px; }


/*--- Tab Block ---*/

ul.tabBlock {
	display: table;
	display: -webkit-box;
	padding: 0 10px !important;
	border-bottom: 1px solid #afafaf;
}

ul.tabBlock li {
	margin-bottom: 5px;
	padding: 0 !important;
	width: 50%;
	text-align: center;
}

ul.tabBlock li.current {
	position: relative;
	margin-bottom: 0;
	background: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#f2f2f2));
	color: #1e2e7b;
	border: 1px solid #afafaf;
	border-bottom: 0;
	border-radius: 4px 4px 0 0;
}


ul.tabBlock li.current span:after {
	content: '';
  display: block; 
	position: absolute;
	left: 50%;
	bottom: 3px;
	margin-left: -5px;
  width: 0;
	border-width: 6px 5px 0;
	border-style: solid;
	border-color: #1e2e7b transparent;
	z-index: 500;
}

ul.tabBlock li a {
	margin: 0 0 5px;
	display: block;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0));
	background-color: #e9e9e9;
	border: 1px solid #afafaf;
	border-radius: 4px;
	box-shadow: inset 0 -1px 0 #a8a8a8, 0 1px 3px rgba(0, 0, 0, .3);
}
ul.tabBlock li:first-child a { margin-right: 10px; }
ul.tabBlock li:last-child a { margin-left: 10px; }


ul.tabBlock li span {
	display: inline-block;
	padding: .5em 0;
	width: 100%;
	text-align: center;
	text-decoration: none;
	color: #383838;
}
ul.tabBlock li.current span { color: #1e2e7b; }


/*--- Button Block ---*/

ul.btnBlock {
	padding: 5px 0 0 5px !important;
	background: #f5f5f5;
	border: 1px solid #cccccc;
	border-radius: 4px;
}

ul.btnBlock li {
	display: inline-block;
	margin-right: -5px;
	padding: 0 !important;
	width: 50%;
}

ul.btnBlock a {
	display: block;
	margin: 0 5px 5px 0;
	padding: .5em 0;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0));
	background-color: #e9e9e9;
	color: #383838;
	text-align: center;
	border: 1px solid #afafaf;
	border-radius: 4px;
	box-shadow: inset 0 -1px 0 #a8a8a8, 0 1px 3px rgba(0, 0, 0, .3);
}
ul.btnBlock li.current a {
	background: #999999;
	color: #ffffff;
	box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
	border-color: #656565;
}
ul.btnBlock li.disable a {
	background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#bcbcbc));
	color: #999999;
}
ul.btnBlock li a.external span {
	padding: 0 32px 0 16px;
	background: url(../image/icon_popup.png) center right no-repeat;
	background-size: 15px 14px;
}

li.selectParent { position: relative; }
ul.subSelect {
	display: none;
	position: absolute;
	top: -.5em;
	padding: 0 !important;
	background: #0d56a8;
	border: 4px solid #0d56a8;
	border-radius: 4px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .8);
	z-index: 100;
}

ul.subSelect li {
	display: block;
	margin: 0;
	padding: 0 !important;
	width: auto;
	border-bottom: 1px solid #cccccc;
}
ul.subSelect li:last-child { border: 0; }

ul.subSelect li a {
	margin: 0;
	padding: .5em 1em;
	background: #ffffff;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}
ul.subSelect li.current a { background: #cdddf5; color: #333333; box-shadow: none; }

div.overlay {
	position: absolute;
	top: 0;
	left: 0;
	background: none;
}


/*--- Aside Box ---*/

dl.asideBox dt, dl.asideBox dd { margin: 0; padding: 10px 10px 0; }
dl.asideBox dt {
	padding-bottom: 10px;
	color: #ffffff;
	border-radius: 4px 4px 0 0;
}
dl.asideBox dd {
	border: 1px solid #cccccc;
	border-top: 0;
	border-radius: 0 0 4px 4px;
}

dl.asideBox li { padding: 10px 0 !important; border-top: 1px solid #cccccc; }
dl.asideBox li:first-child { padding-top: 0 !important; border-top: 0; }
dl.asideBox li:last-child { padding-bottom: 0 !important; }
dl.asideBox span.date { display: block; }
dl.asideBox span.date .icon { margin-left: 10px; }

dl.news dt { background: #0099cc; }
dl.notation dt { background: #ff9900; }


/* Inline Elements
----------------------------*/

em { font-style: normal; }

/*--- Anchors ---*/

a:link { color: #0000cc; text-decoration: none; }
a.linkItem {
	display: inline-block;
	padding-right: 25px;
	background: url(/sp/cont_common/image/arrow_link.png) right center no-repeat;
	background-size: 18px;
}

a.logoLink { display: block; margin-bottom: 10px; }

a.logoLink dl,
a.logoLink dt,
a.logoLink dd { background: #f5f5f5; font-weight: bold; border-radius: 4px; }

a.logoLink dl { display: table; width: 100%; border: 1px solid #cccccc; }

a.logoLink dt,
a.logoLink dd { display: table-cell; margin: 0; padding: 10px; color: #063190; vertical-align: middle; }

a.logoLink dt { width: 66px; border-right: 1px solid #cccccc; }
a.logoLink dd {
	background: url(/sp/cont_common/image/arrow_bnrlink_w.png) 98% 52% no-repeat;
	background-size: 10px 15px;
}
a.logoLink img { width: auto; }

a.subLink {
	float: right;
	padding-left: 12px;
	background: url(/sp/cont_common/image/arrow_sublink.png) 0 center no-repeat;
	background-size: 6px 7px;
}

/*--- Images ---*/

.imgLarge img { width: 100%; }
.imageLine { line-height: 1; text-align: center; }
img.inlineImg { float: left; padding: 0 10px 10px 0; }


/*--- Icons ---*/

.icon {
	display: inline-block;
	padding: 0 .5em !important;
	color: #ffffff;
	text-align: center;
	border: 1px solid transparent;
	border-radius: 4px;
}
.iconNew { background: #990000; }
.iconRoute { background: #0099cc; }
.iconIphone, .iconAndroid { width: 5em; }
.iconIphone { color: #333333; border-color: #333333; }
.iconAndroid { color: #92b83e; border-color: #92b83e; }



/*
===== 3: Blocks ===========================*/

/* Common Box
----------------------------*/

.commonBox {
	margin: 0 0 10px;
	padding: 10px;
	background: #f5f5f5;
	border: 1px solid #cccccc;
	border-radius: 4px;
}
dl.commonBox { padding: 0; }
dl.commonBox dt,
dl.commonBox dd { margin: 0; padding: 10px; }
dl.commonBox dd { padding-bottom: 0; border-top: 1px solid #cccccc; }

.commonBox p.txtBnr {
	background-color: #ffffff;
	background-image: url(/sp/cont_common/image/arrow_bnrlink_w.png);
	background-position: 98% 52%;
	background-repeat: no-repeat;
	background-size: 10px 15px;
	border: 1px solid #cccccc;
}

.commonBox p.txtBnr a {
	display: table;
	padding: 0;
	padding: 10px 25px 10px 10px;
	background: none;
	color: #333333;
}

.commonBox p.txtBnr img,
.commonBox p.txtBnr span {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
}

.commonBox p.txtBnr img { padding-right: 10px; width: 83px; }


/* Weather Box
----------------------------*/

iframe.weatherFrame { width: 100%; }

dl.weatherBox dt {
	padding: 10px;
	background: #265daf;
	color: #ffffff;
	border: 1px solid #265daf;
}
dl.weatherBox dd { margin: 0; border-bottom: 1px solid #cccccc; }

dl.weatherBox table { width: 100%; border-collapse: collapse; }
dl.weatherBox th,
dl.weatherBox td {
	padding: 10px;
	background: #eef7ff;
	text-align: center;
	border: 1px solid #cccccc;
	border-width: 1px 1px 0;
}
dl.weatherBox th { text-align: left; }
table.mainWeather td { padding: 10px 0; width: 33%; background: #ffffff; }

.highest { color: #990000; }
.lowest { color: #0d0d83; }