@charset "utf-8";


/*==-----------------------------------------------
CSS Information

 File name:      base.css
 Author:         Crea.,Inc.
 Style Info:     標準のスタイル

-------------------------------------------------*/


/*==-----------------------------------------------
body
-------------------------------------------------*/

body {
	text-align: center;
	line-height: 1.4;
	font-size: 0.75em;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",Sans-Serif;
}
* + html body {
	font-family: "メイリオ","Meiryo";
}


/*==-----------------------------------------------
link style
-------------------------------------------------*/

a{overflow: hidden;}
a:link {color: #00F;}
a:visited {color: #609;}
a:hover {color: #F00;}
a:active {color: #F00;}


/*==-----------------------------------------------
text decoration
-------------------------------------------------*/

strong{
	font-size: 1.2em;
	font-weight: bold;
	color:#ff3300;
}


hr{
	margin: 0;
	clear:both;
}




/*==-----------------------------------------------
headding
-------------------------------------------------*/
h1,h2,h3,h4,h5,h6{
	font-weight:bold;
	margin-bottom: 10px;

}

h1{
font-size:2.0em;
}

#contents .section h2{
	font-size:1.5em;
}
#contents .section h3{
	font-size:1.375em;
}
#contents .section h4{
	font-size:1.25em;
}
#contents .section h3.text{
	font-size:1.25em;
	color: #333;
	padding: 2px 35px 5px 35px;
	background: url(../../img/pc/share/h3.gif) no-repeat 0 0;
	height:35px;
}
#home #contents .section h3.text{
	font-size:1.5em;
	font-weight: bold;
	color: #333;
	padding: 5px 35px 7px 35px;
	background: url(../../img/pc/share/h3_home.gif) no-repeat 0 0;
	height:35px;
}

#contents .section h4.text{
	font-size:1.20em;
	color: #FFF;
	padding: 2px 15px 5px 15px;
	background: url(../../img/pc/share/h4.gif) no-repeat 0 0;
	height:20px;
	margin: 0 20px 10px 20px;
}
#contents .section h5{
	font-size:1.125em;
}
#contents .section h5.text{
	font-size:1.25em;
	color: #333;
	padding: 5px 35px 5px 35px;
	background: url(../../img/pc/share/h5.gif) no-repeat 0 0;
	height:35px;
}
#contents .section h6{
	font-size:1.0em;
}

/*==-----------------------------------------------
paragraph
-------------------------------------------------*/
#contents .section p{
	margin:0 0 10px 0;
}

#contents p{
	margin:0 0 10px 0;
}
#contents p.image{
	width:auto;
	float:right;
	padding: 0 0 0 0;
}


/*==-----------------------------------------------
List
-------------------------------------------------*/
/*==ul--*/
#contents .article ul{
	margin: 0 10px 0 10px;
}
#contents .article ul li{
	background: url(../../img/pc/common/mrk_ul.gif) no-repeat 0 50%;
	padding:0 0 0 20px;
	margin:0 0 10px 0;
}


/*==ol--*/
#contents .article ol{
	padding: 0 0 0 20px;
	margin: 0 10px 0 10px;
}
#contents .article ol li{
	list-style-type: decimal;
	list-style-position:outside;
	margin:0 0 10px 0;
}

/*==dl--*/
#contents .article dl{
	margin: 0 10px 10px 10px;
}
#contents .article dt{
	font-weight: bold;
	color:#006227;
	font-size: 1.2em;
	padding: 0px 10px 5px 35px;
	background: url(../../img/pc/common/mrk_dl.gif) no-repeat 10px 40%;
}
#contents .article dd{
	margin: -2em 0 10px 0;
	padding: 0 0 15px 21em;
	background: url(../../img/pc/common/bdr_dl.gif) repeat-x 0 bottom;
}


#home #contents .article #bus dt,
#home #contents .article #parking dt{
	font-weight: bold;
	color:#006227;
	font-size: 1.2em;
	padding: 0px 10px 5px 35px;
	background: url(../../img/pc/common/mrk_dl.gif) no-repeat 10px 40%;

}
#home #contents .article #bus dd,
#home #contents .article #parking dd{
	margin: -2em 0 10px 0;
	padding: 0 0 15px 8em;
	background: url(../../img/pc/common/bdr_dl.gif) repeat-x 0 bottom;
	line-height:1.5;
}


/*==-----------------------------------------------
table
-------------------------------------------------*/


#contents .section table{
	background: #FFF;
	width: 840px;
	margin: 0 20px 20px 20px;
	border-top: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
}
#contents .section th,
#contents .section td{
	border: solid 1px #CCC;
	padding: 10px;
	vertical-align: middle;
	border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	padding: 5px;
}
#contents .section th{
	color: #FFFFFF;
	background: #DD0000;
	text-align: center;
}
#contents .section td{
	background: #ffffe1;
}
#contents .section tbody.odd td{
	background: #FFF;
}
#contents .section tbody.even td{
	background: #EEE;
}

#contents .section h5{
	margin: 0 20px 10px 20px;
}

#contents .section p,
#contents .section ul,
#contents .section ol,
#contents .section dl{
	margin: 0 50px 20px 50px;
}
#contents .section dd ul{
	margin: 0 20px 10px 0px;
}


/*==-----------------------------------------------
form
-------------------------------------------------*/
#contents form span{
	color: #F00;
}

#contents form table{
	margin-bottom: 10px;
	background: #FFF;
}
#contents form th,
#contents form td{
	border: solid 1px #CCC;
	padding: 10px;
	vertical-align: middle;
}


#contents form table#formtable th{
	background: #EEE;
	text-align: left;
}
#contents form table#formtable td{
	background: #FFF;
}

#contents form table#formtable td.text input,
#contents form table#formtable td select,
#contents form table#formtable td textarea{
	border: solid 1px #CCC;
}
#contents form table#formtable td.text input,
#contents form table#formtable td textarea{
	border: solid 1px #CCC;
	padding: 5px
}

#contents form table#formtable td input{
	vertical-align: middle;
}


#contents form table#formtable td textarea{
	font-size: 1.0em;
}
#contents form table#formtable td.radio ul,
#contents form table#formtable td.checkbox ul{
	margin: 0;
	padding: 0;
}
#contents form table#formtable td.radio li,
#contents form table#formtable td.checkbox li{
	display:block;
	float:left;
	margin: 0 10px 10px 0;
	padding: 0 0 0 0;
	background: none;
}
#contents form table#formtable td.radio li{
	width:8em;
}
#contents form table#formtable td.checkbox li{
	width:8em;
}

#contents form table#formtable td.radio label,
#contents form table#formtable td.checkbox label{
	vertical-align: bottom;
}


/*==-----------------------------------------------
paragraph
-------------------------------------------------*/

#main p.img_c{
	text-align: center;
	margin: 10px 0 20px 0;
width:100%;
}



/*==-----------------------------------------------
underconstruction
-------------------------------------------------*/
p.uc{
	margin-bottom:20px;
}