@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: 16px;
	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{color:#DD0000;font-weight: bold;font-size: 1.0rem;}



hr{
	margin: 0;
	clear:both;
}




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

}

h1{
font-size:2.0rem;
}

#contents h2{
	line-height: 0;
	margin-bottom:15px;
	overflow: hidden;
}
#contents h3{
	font-size:1.25rem;
	background: #ff8a00 url(../../img/pc/common/h3.png) no-repeat 5px 50%;
	background:url(../../img/pc/common/h3.png) no-repeat 5px 50%, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff8a00), color-stop(0.00, #ffce57));
background: url(../../img/pc/common/h3.png) no-repeat 5px 50%,-webkit-linear-gradient(top, #ffce57 0%, #ff8a00 100%);
background: url(../../img/pc/common/h3.png) no-repeat 5px 50%,-moz-linear-gradient(top, #ffce57 0%, #ff8a00 100%);
background: url(../../img/pc/common/h3.png) no-repeat 5px 50%,-o-linear-gradient(top, #ffce57 0%, #ff8a00 100%);
background: url(../../img/pc/common/h3.png) no-repeat 5px 50%,-ms-linear-gradient(top, #ffce57 0%, #ff8a00 100%);
background: url(../../img/pc/common/h3.png) no-repeat 5px 50%,linear-gradient(to bottom, #ffce57 0%, #ff8a00 100%);
color:#FFF;
padding:5px 5px 5px 28px;
margin:0 30px 0 30px
}

#contents .section h4{
	font-size:1.0rem;
	background-color: #489b27;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #489b27), color-stop(0.00, #79d455));
background: -webkit-linear-gradient(top, #79d455 0%, #489b27 100%);
background: -moz-linear-gradient(top, #79d455 0%, #489b27 100%);
background: -o-linear-gradient(top, #79d455 0%, #489b27 100%);
background: -ms-linear-gradient(top, #79d455 0%, #489b27 100%);
background: linear-gradient(to bottom, #79d455 0%, #489b27 100%);
color:#FFF;
padding:5px 5px 5px 5px;
}
#contents .section h5{
	font-size:0.875rem;
	background-color: #0e458f;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0e458f), color-stop(0.00, #0c63d7));
background: -webkit-linear-gradient(top, #0c63d7 0%, #0e458f 100%);
background: -moz-linear-gradient(top, #0c63d7 0%, #0e458f 100%);
background: -o-linear-gradient(top, #0c63d7 0%, #0e458f 100%);
background: -ms-linear-gradient(top, #0c63d7 0%, #0e458f 100%);
background: linear-gradient(to bottom, #0c63d7 0%, #0e458f 100%);
color:#FFF;
padding:5px 5px 5px 5px;
margin-bottom:15px

}
#contents .section h6{
	font-size:1.0rem;
}

/*==-----------------------------------------------
paragraph
-------------------------------------------------*/
#contents .section p{
	margin:0 0 10px 0;
}
#contents .section p.btn{
	text-align: center;
}
#contents .article p.img_c{
	text-align: center;
	padding:0 0 0 0;
	margin-bottom:20px;
}

/*==-----------------------------------------------
List
-------------------------------------------------*/
/*==ul--*/
#contents .section ul{
}
#contents .section ul li{
	background: url(../../img/pc/common/mrk.gif) no-repeat 0 0.25rem;
	padding:0 0 0 20px;
	margin:0 0 10px 0;
}

/*==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;
	background: #FFF;
}


#contents .section ul.feed li a:hover {
	background: #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{
	width:6rem;
	float:left;
	margin: 0 10px 0 0;
}

#contents .section ul.feed li span.cat{
	width:6rem;
	float:left;
	margin: 0 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;
	border-top: dotted 1px #999;
	padding: 1rem 0 0 0;
}
#contents #main .section dt{
	font-weight: bold;
	background: #dedede url(../../img/pc/common/mrk_dt.gif) no-repeat 5px 50%;
	background:  url(../../img/pc/common/mrk_dt.gif) no-repeat 5px 50%,-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #dedede), color-stop(0.49, #ffffff), color-stop(0.00, #dedede));
	background: url(../../img/pc/common/mrk_dt.gif) no-repeat 5px 50%,-webkit-linear-gradient(top, #dedede 0%, #ffffff 49%, #dedede 100%);
	background: url(../../img/pc/common/mrk_dt.gif) no-repeat 5px 50%,-moz-linear-gradient(top, #dedede 0%, #ffffff 49%, #dedede 100%);
	background: url(../../img/pc/common/mrk_dt.gif) no-repeat 5px 50%,-o-linear-gradient(top, #dedede 0%, #ffffff 49%, #dedede 100%);
	background: url(../../img/pc/common/mrk_dt.gif) no-repeat 5px 50%,-ms-linear-gradient(top, #dedede 0%, #ffffff 49%, #dedede 100%);
	background: url(../../img/pc/common/mrk_dt.gif) no-repeat 5px 50%,linear-gradient(to bottom, #dedede 0%, #ffffff 49%, #dedede 100%);
	font-weight: bold;
	color: #174daf;
	width:9rem;
	padding: 5px 5px 5px 20px ;
	border: solid 1px #DDD;
	font-size: 0.9rem;
}
#contents .section dd{
	padding: 0 0 1rem 12rem;
	margin: -1.7rem 0 1rem 0;
	border-bottom: dotted 1px #999;
	min-height:1.7rem;
}
#contents .section dd ul{
	margin: 0 0 0 0;
}




/*==-----------------------------------------------
table、table内のマウスオーバー
-------------------------------------------------*/

#contents #main .section dd table{
margin:0 0 0 0;
width:50%
}
#contents .section th,
#contents .section td{
	border: solid 1px #CCC;
	padding: 10px;
	vertical-align: middle;
}
#contents .section th{
	text-align: center;
	font-weight: bold;
	background:#174daf ;
	color: #FFF;
}
#contents .section td{
background: #FFF;
}

#contents .section p,
#contents .section ul,
#contents .section ul.feed,
#contents .section ol,
#contents .section dl,
#contents .section table{
	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.0rem;
}
#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:8rem;
}
#contents form table#formtable td.checkbox li{
	width:8rem;
}

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