@charset "utf-8";


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

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

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


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

a{overflow: hidden;}
a:link { color: #2F68AE;}
a:visited {color: #2F68AE;}
a:hover {color: #244e83;}
a:active {color: #244e83;}


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


.red{color:#cb0000;}
.blue{color:#244e83;}
.yellow{color:#ae933f;}


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

hr{
	margin: 0 0 25px 0;
	clear:both;
	height:0;
    border:0;
    border-top:1px solid #ccc;
    border-bottom:1px solid #fff;
}


/*==-----------------------------------------------
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;}


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

/*==-----------------------------------------------
paragraph
-------------------------------------------------*/
#contents 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 a{
	text-decoration: none;
	display: block;
	padding: 10px 10px 10px 20px;
	background: url(../../../src/pc/default/image/news/list/news_mark.png) no-repeat 0 50%;
}


#contents .section ul.feed li a:hover {
	background: url(../../../src/pc/default/image/news/list/news_mark.png) no-repeat 0 50% #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: 2px 10px 0 0;
}

/*==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;
	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;
}