﻿@charset "utf-8";
/*=====================================================
inquire.css
お問い合わせページスタイル(PC、iPad)
=====================================================*/
/* -----
　reset style
----------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, sub, sup, var, b, i, dl, dt, dd, fieldset, form, option, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video,.ex_btn ul {
	margin:0;
	padding:0;
	outline:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	-webkit-text-size-adjust:none;
	font-weight:normal;
}

body {
	font-family: Verdana, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 80%;
	line-height: 1.6em;
	color:#333;
        
}

.red {
	color:#C5092F;
}

.center {
	text-align:center;
}

.margin10px {
	margin-top:10px;
	margin-bottom:10px;
}

/* -----
　link style
----------------------------------------*/
a {
    color: #2946B4;
    text-decoration: none;
}
a:link {
    color: #2946B4;
    text-decoration: none;
}

a:visited {
    color: #061652;
    text-decoration: none;
}

a:hover,
a:active {
    color: #C5092F;
    text-decoration: underline;
}

/* -----
　header
----------------------------------------*/
#header {
	display:block;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	height:60px;
	margin:0;
	border-top:solid 4px #C5092F;
	background-image: url("../images/head_back_pc.png");
	background-repeat:repeat-x;
}

#header>.headContents {
	display:block;
	width:900px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
}

.logo{
	width:130px;
	margin:12px 0 0 12px;
	height:32px;
	background-image:url("../images/mapfan_logo.png");
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

/* -----
　mainWrapper(menu + contents)
----------------------------------------*/
.contentsWrapper {
	display:block;
	width:900px;
	height:auto;
	margin:0 auto;
	padding:0;
}

/* -----
　footer
----------------------------------------*/
#footer {
	clear:both;
	display:block;
	width:100%;
	padding-top:10px;
	text-align:center;
}

#footer>.footContents {
	display:block;
	width:900px;
	margin:0 auto;
	text-align:center;
}

#footer>.cpyright {
	display:block;
	width:100%;
	padding:10px 0;
	background-color:#000000;
	color:#FFFFFF;
	border-bottom:solid 4px #C5092F;
}



/* -----
　見出し
----------------------------------------*/
h1 {
	display:block;
	margin-bottom:20px;
	padding:10px;
	background-color:#FFFFFF;
	background-image: url("../images/title_back_pc.png");
	background-repeat:repeat-x;
	border-bottom:solid 1px #aaaaaa;
}

h1>p{
	padding-left:5px;
	font-size:130%;
	border-left:solid 4px #C5092F;
	font-weight:bold;
}

/* -----
　box
----------------------------------------*/
.box {
	display:block;
	margin-bottom:30px;
}

.box>h2 {
	display:block;
	background-color:#999999;
	padding:10px;
	margin-bottom:10px;
	color:#FFFFFF;
	font-size:120%;
	font-weight:bold;
}

.box>.inWrapper{
	display:block;
	padding:0 10px 10px 10px;
}

.inWrapper>dl>dt{
	display:block;
	padding-top:10px;
	font-weight:bold;
	border-top:dashed 1px #7D7D7D;
}
.inWrapper>dl>dt.first{
	padding-top:0;
	border-top:none;
}

.inWrapper>dl>dd{
	display:block;
	margin-bottom:10px;
}

.inWrapper>dl>dd>ul{
	list-style-position: inside;
	margin:0;
	padding:0;
}

/* -----
　table
----------------------------------------*/
table{
	width:100%;
	margin:-1px 0 0 0;
	padding:0;
	border-left:solid 1px #999999;
	border-right:solid 1px #999999;
	border-collapse:collapse;
}

table tr>* {	/* th,td共通 */
	border-top:solid 1px #999999;
	border-bottom:solid 1px #999999;
	text-align:left;
}
table tr>th.first {
/*	border-top:none;*/
}

tr>th {
	padding:5px 10px;
	font-weight:bold;
	background-color:#DCE1F3;
}
tr>th>span {
	color:#C5092F;
}

tr>td {
	padding:10px;
	background-color:#FFFFF0;
}

tr>td ul{
	list-style-position: inside;
	margin:0 0 10px;
	padding:0;
}

/* -----
　form
----------------------------------------*/
textarea{
	width:873px;
	height:130px;
	margin:0;
	padding:0;
}

.btn {
	margin:20px;
	text-align:center;
}
.btn>p {
	margin-bottom:5px;
}

/* -----
　errBox
----------------------------------------*/
.errBox {
	display:block;
	margin-bottom:30px;
	padding:5px 10px;
	background-color: #F0F0F0;
	border: 1px solid #AAAAAA;
}

.errBox>h2 {
	font-size:130%;
	font-weight:bold;
	color:#C5092F;
	margin-bottom:5px;
}

.errBox>div.errCopy {
	margin-bottom:10px;
}

.errBox>p { /* エラーメッセージ */
	font-weight:bold;
	color:#FF0000;
}
