@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: #3399CC;}
a:visited {color: #3399CC;}
a:hover {color: #005976;}
a:active {color: #00f;}

a.opacity,
input.opacity {
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
a.opacity:hover,
input.opacity:hover {
	filter: alpha(opacity=40);
    -moz-opacity:0.40;
    opacity:0.40;
}

/*==-----------------------------------------------
font color
-------------------------------------------------*/

.red{color:#cc0000;}
.blue{color:#005976;}
.buleBright{color:#006aa5;}
.green{color:#59a529;}
.gray{color:#8c8c8c;}
.brown{color: #573a27;}
.orange{color:#e47100;}

/*==-----------------------------------------------
text decoration
-------------------------------------------------*/
strong{font-weight:bold;}



hr{
	margin: 0 0 20px 0;
	clear:both;
	color:#ccc;
}

/*==-----------------------------------------------
margin-bottom
-------------------------------------------------*/
	.mb5{margin-bottom:5px;}
	.mb10{margin-bottom:10px;}
	.mb15{margin-bottom:15px;}
	.mb20{margin-bottom:20px;}
	.mb30{margin-bottom:30px;}
	.mb40{margin-bottom:40px;}
	.mb50{margin-bottom:50px;}
	.mb60{margin-bottom:60px;}
	.mb70{margin-bottom:70px;}
	.mb80{margin-bottom:80px;}
	.mb150{margin-bottom:150px;}


	/*==-----------------------------------------------
	padding-top
	-------------------------------------------------*/
	.pt20{padding-top: 20px;}



/*==-----------------------------------------------
float
-------------------------------------------------*/
.flo_right{float:right;}
.flo_left{float:left;}


/*==-----------------------------------------------
align
-------------------------------------------------*/
.txt_right{text-align:right;}
.txt_left{text-align:left;}
.txt_center{text-align:center;}

/*==-----------------------------------------------
font-size
-------------------------------------------------*/
.fs_small{font-size:0.85em;}
.fs_small02{font-size:0.65em;}
.fs_big{font-size:1.15em;}

.fs10{ font-size:10px;}
.fs11{ font-size:11px;}
.fs12{ font-size:12px;}
.fs13{ font-size:13px;}
.fs14{ font-size:14px;}
.fs15{ font-size:15px;}
.fs16{ font-size:16px;}
.fs18{ font-size:18px;}
.fs20{ font-size:20px;}
.fs22{ font-size:22px;}
.fs24{ font-size:24px;}
.fs30{ font-size:30px;}

/*==-----------------------------------------------
headding
-------------------------------------------------*/
h1,h2,h3,h4,h5,h6{
	font-weight:bold;
	margin-bottom: 10px;
}
h1{
	font-size:2.0em;
}
h3{
	margin-bottom: 0;
}
#home h3{
	margin-bottom: 10px;
}
h4,h6{
	margin-bottom: 20px;
}
#contents .section h2{
	font-size:1.5em;
}
#contents .section h3{
	font-size:1.375em;
}
#contents .section h4{
	font-size:1.25em;
}
#contents .section h5{
	font-size:1.25em;
}
#contents .section h6{
	font-size:1.0em;
}

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

/*==-----------------------------------------------
List
-------------------------------------------------*/
/*==ul--*/
#contents .section ul{
}
#contents .section ul li{
}

/*==ul--*/
#contents .section ul.feed{
}
#contents .section ul.feed li{
	background: none;
	padding:0 0 0 0;
	margin:0 0 0 0;
	border-bottom: dotted 1px #CCC;
}
#contents .section ul.feed li:last-child{
	border-bottom: none;
}
#contents .section ul.feed li a{
	text-decoration: none;
	display: block;
	padding: 10px 10px 10px 20px;
	background: url(../../src/pc/image/news/list/news_mark.png) no-repeat 0 13.5px;
}
#contents #emergency.section ul.feed li a{
	padding: 12px 10px 10px 20px;
}



#contents .section ul.feed li a:hover {
	background: url(../../src/pc/image/news/list/news_mark.png) no-repeat 0 13.5px #EEE;
   transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -webkit-transition: all 0.3s ease-out;
}
#contents .section ul.feed li span.date{
	float:left;
	margin: 0 10px 0 0;
	color:#333;
}

#contents .section ul.feed li span.cat{
	float:left;
	margin: 3px 10px 0 0;
}
#contents .section ul.feed li span.txt{
	float: left;
	width:540px;
}

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

/*==dl--*/
#contents .section dl{
	margin: 0 0 10px 0;
}
#contents .section dt{
	font-weight: bold;
}
#contents .section dd{
	margin: 0 0 10px 0;
}


/*==-----------------------------------------------
table
-------------------------------------------------*/
#contents .section table{
	width:670px;
	background: #FFF;
	margin:0 20px 20px;
}
#contents .section caption{
	font-weight:bold;
	text-align:left;
	background: #008bc3;
	padding:5px 10px;
	color:#fff;
}
#contents .section th,
#contents .section td{
	border: solid 1px #b7d4de;
	padding: 7px;
	vertical-align: middle;
}
#contents .section th{
	text-align: center;
	font-weight: bold;
	background: #d6f5ff;
	color: #006a8d;
}
#contents .section th.left{
	text-align: left;
}
#contents .section td{
	background: #FFF;
}
#contents .section td.center{
	text-align: center;
}

#contents .section p,
#contents .section ul,
#contents .section ul.feed,
#contents .section ol,
#contents .section dl{
	margin: 0 0px 20px 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;
}


/*==-----------------------------------------------
display
-------------------------------------------------*/
.displayInlineBlock {
		display: inline-block;
	}
	.displayInline {
		display: inline;
	}
	.displayBlock {
		display: block;
	}
	.displayNone {
		display: none;
	}