@charset "utf-8";
/* --------------------------------------------------
**
** common.css
** version : 0.1
** date : 2013/05/15
**
** -------------------------------------------------- */

/* -------------------------------------------------- 
** default
** -------------------------------------------------- */
html { overflow-y:scroll }
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
address,
code,
em,
img,
q,
strong,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
fieldset,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	padding: 0;
	margin: 0;
	font-style: normal;
	font-weight: normal;
	outline: 0;
}
section,
nav,
,
aside,
header,
footer { display: block; }
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10px;
	background: #ffc90e;
}
* html body { font-size: x-small; }
*:first-child+html body { font-size: x-small; }
table { font-size: 100%; }
ol li,
ul li { list-style: none; }
blockquote,
q { quotes: none; }
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a,
img,
fieldset { border: 0; }
img,
input { vertical-align: middle; }
/* -------------------------------------------------- 
** typography
** -------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
dt,
dd,
th,
td,
pre,
caption,
address {
	font-size: 120%;
	color: #333;
	line-height: 1.7;
}
p input,
p select,
p textarea,
li p,
li li,
li dt,
li dd,
li input,
li select,
li textarea,
dd p,
dd li,
dd dt,
dd dd,
dd input,
dd select,
dd textarea,
th p,
th li,
th dt,
th dd,
th input,
th select,
th textarea,
td p,
td li,
td dt,
td dd,
td input,
td select,
td textarea { font-size: 100%; }
textarea {
	color: #333;
	line-height: 1.7;
}
input {
	padding: 0;
	margin: 0;
}
strong { font-weight: bold; }
em { }
a:link,
a:visited,
a:active,
a:hover { color: #0D5AA9; }
a { text-decoration: underline; }
a:hover { text-decoration: none; }
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { font-weight: bold; }
/* -------------------------------------------------- 
** layout
** -------------------------------------------------- */
div#wrapper { width: 100%; }
header div#headerInner,
div#keyVisualInner,
div#pageTitleInner,
div#breadCrumbs,
div#contents,
footer div#footerInner{
	margin: 0 auto;
	text-align: center;
	width: 860px;
	clear: both;
}
header div#headerInner,
div#breadCrumbs ul li,
div#contents #mainContents,
footer div#footerInner { text-align: left; }
#mainContents {
	width: 860px;
	float: left;
}
div.common #mainContents .mainContentsInner {
	background-color: #fff;
	margin-bottom: 10px;
	padding: 10px;
}
div.common #mainContents .mainContentsInner02 {
	margin-bottom: 10px;
	padding: 10px;
}
div.common #mainContents .mainContentsInner h2,
div.common #mainContents .mainContentsInner02 h2 { border-bottom: 1px solid #d3d3d3; }

/* header */
header {
	width: 100%;
	background-color:#ffffff;
	background: #ffc90e url(/common/img/bg-header.png) repeat-x left top;
}
header div#headerInner {
	padding: 0 0 10px;
	overflow:hidden;
	position: relative;
}
header div#headerInner h1 { width: 119px;}
header div#headerInner p { line-height: 2.5em;}
header div#headerInner ul.headerNav {
	position: absolute;
	top: 0px;
	right: 0px;
}
div#headerInner .tellBox{
	width: 260px;
	position: absolute;
	top: 38px;
	right: 0px;
}

/* global navi */
nav {
	width: 460px;
	position: absolute;
	top: 29px;
	left: 140px;
}
nav ul#navInner {
	height: 95px;
	overflow: hidden;
}
nav ul#navInner li {
	display: block;
	margin: 0px 10px;
	float: left;
}

/* keyVisual */
div#keyVisual,
div#pageTitle {
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 22px;
	background: #fff url(/common/img/bg-keyvisual01.png) repeat-x left bottom;
}
div#keyVisual #keyVisualInner {
	height: 220px;
	position: relative;
	overflow: hidden;
}
div#pageTitle #pageTitleInner {
	text-align: left;
}
#keyVisual img { margin: 0px 0px;}
/* breadcrumbs */
div#breadCrumbs {
	background: #ececec;
}
div#breadCrumbs ul {
	margin: 0 0 15px;
	padding: 8px;
	overflow: hidden;
}
div#breadCrumbs ul li a { padding-right: 10px; }
div#breadCrumbs ul li {
	float: left;
	margin-right: 5px;
	padding-left: 10px;
	font-size: 100%;
}
div#breadCrumbs ul li a { padding-right: 10px; }
/* footer */
footer {
	width: 100%;
	margin: 10px 0 0px;
	clear: both;
}
footer div#copyright {
	width: 860px;
	margin: 0 auto;
	padding: 10px 0px;
	background: url(/common/img/bg-line01.png) repeat-x left top;
}
footer div#copyright p {
	color: #000;
	text-align: center;
}
/* -------------------------------------------------- 
** column
** -------------------------------------------------- */
div.col {
	clear: both;
	margin-left: -10px;
}
div.col1of2,
div.col1of3,
div.col2of3,
div.col1of4,
div.col3of4 { float: left; }
div.col1of2 { width: 50%; }
div.col1of3 { width: 33.33%; }
div.col2of3 { width: 66.66%; }
div.col1of4 { width: 25%; }
div.col3of4 { width: 75%; }
*:first-child+html div.col1of4 { width: 24.99%; }
*:first-child+html div.col3of4 { width: 74.99%; }

#mainContents div.col p,
#mainContents div.col ul,
#mainContents div.col h3{ margin-left: 20px; }
/* -------------------------------------------------- 
** margin
** -------------------------------------------------- */
#mainContents #mainContentsInner p,
#mainContents ul,
#mainContents ol,
#mainContents dl { margin: 0 0 0 0px; }
#mainContents p{ margin: 0 0 0 0px; }
#mainContents h1 { margin: 0px 0px 0px 0px;}
#mainContents h2:first-child { margin: 0px 0px 10px 0px;}
#mainContents h2 { margin: 20px 0px 10px 0px;}
#mainContents h2.newsTitle { margin: 0px 0 0 0px; }
#mainContents h3 { margin: 10px 0px 10px 0px;}
#mainContents h4 { margin: 15px 0 10px 0px;}
#mainContents h5 { margin: 0px 0px 0px 0px;}
#mainContents .h3Type01 { margin: 15px 0 10px 0px; }
/* -------------------------------------------------- 
** element
** -------------------------------------------------- */
/* heading */
#mainContents .h3Type01 {
	padding: 5px;
	background: #f2f2f2;
	border-bottom: 1px dashed #c2c2c2;
}
#mainContents h3 {
	padding: 0px 0px 8px 0px;
	font-size: 200%;
	font-weight: bold;
	line-height: 1;
	border-bottom: 1px dotted #999999;
	clear: both;
}
/* paragraph */
#mainContents p { margin: 10px 0 10px 0; }
#mainContents p.lead {}
#mainContents p.linkArea {
	padding: 10px;
	background: #eaf5fc;
	text-align: right;
}
#mainContents p.rightTxt,
#mainContents p.toPageTop { text-align: right; }
#mainContents p.toPageTop img { padding-right: 5px; }
/* list */
li.last { border: none!important; }
#mainContents ul.list li {
	padding-left: 15px;
	background: url(/common/img/bg-listmarker01.png) no-repeat left 8px;
}
#mainContents ul.list li ul,
#mainContents ol.list li ol { margin-left: 0px; }
#mainContents ul.list li ul.list li {
	padding-left: 15px;
	background: url(/common/img/bg-listmarker02.png) no-repeat left 8px;
}
#mainContents ol.list li,
#mainContents ol.list li ol.list li {
	list-style: decimal;
	margin-left: 15px;
}
ul.links li,
ul.links li.major{ padding-left: 15px; }
ul.links li { background:url(/common/img/bg-listmarker03.png) no-repeat left 8px; }
ul.links li.major{ background:url(/common/img/bg-listmarker04.png) no-repeat left 6px; }
#mainContents #mainContentsInner ul.links li img{ padding-left: 5px; }

#mainContents #mainContentsInner ul li a.btn,
#mainContents #mainContentsInner ul li a.btnMajor {
	display: block;
	width: 201px;
	color: #FFFFFF;
	font-size: 117%;
}
#mainContents #mainContentsInner ul li a.btn { background: #013F75 url(/common/img/bg-btn-normalbottom.png) no-repeat left bottom; }
#mainContents #mainContentsInner ul li a.btnMajor { background: #FF6D0C url(/common/img/bg-btn-strongbottom.png) no-repeat left bottom; }
#mainContents #mainContentsInner ul li a.btn span,
#mainContents #mainContentsInner ul li a.btnMajor span {
	display:block;
	padding: 8px 20px 10px 40px;
	font-weight: bold;
}
#mainContents #mainContentsInner ul li a.btn span { background: url(/common/img/bg-btn-normal.png) no-repeat left top; }
#mainContents #mainContentsInner ul li a.btnMajor span { background: url(/common/img/bg-btn-strong.png) no-repeat left top; }
/* table */
#mainContents table {
	width: 100%;
	border: 1px solid #D9D9D9;
	border-collapse: collapse;
}
#mainContents table th,
#mainContents table td{
	padding: 10px;
	border: 1px solid #D9D9D9;
}
#mainContents table th {
	width: 200px;
	background: #eeeff8;
}
#mainContents table thead th { background: #EBEBEB; }
#mainContents table thead th.normal{ background-color: #F5F5F5; }
/* etc */
#mainContents div.col div.withImg { margin: 0px 0px 0px 10px; }
#mainContents div.withImg {
	margin: 0px;
	padding: 10px;
	clear: both;
	overflow: hidden;
	background: #fff;
}
#mainContents div.withImg div.img { float: left; }
#mainContents div.withImg div.txt { overflow: hidden; }
#mainContents div.withImg div.txt h3,
#mainContents div.withImg div.txt p { margin:0px 0px 10px 10px; }
#mainContents div.withImg ul.links li,
#mainContents div.withImg ul.links li.major{ padding: 0px; }
.ulList01 li{ list-style: disc; margin-left: 20px; }
.alignC { text-align: center; }
.alignR { text-align: right; }
.alignL { text-align: left; }
span.strong { font-weight: bold; }

.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
/* -------------------------------------------------- 
** clearifx
** -------------------------------------------------- */
#contents:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}
#contents {
	display: inline-table;
	zoom: 1;
}
* html #contents { height: 1%; }
#contents {
	display: block;
	zoom: 1;
}

.col:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}
.col {
	display: inline-table;
	zoom: 1;
}
* html .col { height: 1%; }
.col {
	display: block;
	zoom: 1;
}
/* eod */