@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: Lucida Sans,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",Sans-Serif;
	color:#454545;
}
* + html body {
	font-family: "メイリオ","Meiryo";
}


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

a{overflow: hidden;}
a:link {color: #647780;}
a:visited {color: #666;}
a:hover {color: #000;}
a:active {color: #000;}


/*==-----------------------------------------------
text decoration
-------------------------------------------------*/
strong{
color:#1b6c86;
font-weight: bold;
}



hr{
	margin: 0;
	clear:both;
}




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

}

h1{
font-size:2.0em;
}


#contents #title{
margin-bottom:20px;
border-bottom:solid 1px #dbdbdb;
}
#contents #title h2{
font-weight:normal;
font-size:0.725rem;
color:#304a56;
width:160px;
padding:30px 0 5px 0;
margin: 0;
}

#home .section h2{

color:#304a56;
border-bottom:none;
padding:0 0 5px 0;
font-weight:normal;
font-size:0.725rem;
margin-bottom:5px;
}

.section h3{
	font-size:1.375em;
	color:#304a56;
	border-bottom:solid 1px #dbdbdb;
	padding:20px 0 5px 0;
	font-weight:normal;
	font-size:0.725rem;
}
.section h4{
	font-size:1.25em;
}
.section h5{
	font-size:1.125em;
}
.section h6{
	font-size:1.0em;
}

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

/*==-----------------------------------------------
List
-------------------------------------------------*/
/*==ul--*/
.section ul{
}
.section ul li{
	padding:0 0 0 0;
	margin:0 0 10px 0;
}

/*==ul--*/
.section ul.feed{
}
.section ul.feed li{
	background: none;
	padding:0 0 0 0;
	margin:0 0 0 0;
	border-bottom: dotted 1px #CCC;
}
.section ul.feed li:last-child{
	border-bottom: none;
}
.section ul.feed li a{
	text-decoration: none;
	display: block;
	padding: 10px;
	background: #FFF;
}


.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;
}
.section ul.feed li span.date{
	width:6em;
	float:left;
	margin: 0 10px 0 0;
}

.section ul.feed li span.cat{
	width:6em;
	float:left;
	margin: 0 10px 0 0;
}

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

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

 .section dt{
padding:4px 10px;
width:12rem;
margin:0 0 10px 0;
color:#304a56;
background:#e1e4e5;
font-weight:normal;
font-size:0.75rem;
text-align:left;
}
.section dt.dtlong{
padding:4px 10px;
width:30rem;
margin:0 0 10px 0;
color:#304a56;
background:#e1e4e5;
font-weight:normal;
font-size:0.75rem;
text-align:left;
}



/*==-----------------------------------------------
table、table内のマウスオーバー
-------------------------------------------------*/
.section table{
	width:100%;
	background: #FFF;
}
.section th,
.section td{
	border: solid 1px #000;
	padding: 10px;
	vertical-align: middle;
}
.section th{
	text-align: center;
	font-weight: bold;
}
.section td{
background: #FFF;
}

.section p,
.section ul,
.section ul.feed,
.section ol,
.section dl,
.section table{
	margin: 0 40px 20px 40px;
}


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

#contents form table{
	margin: 0 40px 20px 40px;
	width:710px;
}
#contents form th,
#contents form td{
	border: none;
	padding: 10px;
	vertical-align: middle;
background:#f5f5f5;
}


#contents form table#formtable th{
	text-align: left;
width:180px;
}
#contents form table#formtable td{
}

#contents form table#formtable td.text input,
#contents form table#formtable td select,
#contents form table#formtable td textarea{
	border: solid 3px #EEE;
	font-size: 1.0rem;
padding:5px;
}
#contents form table#formtable td.text input:focus,
#contents form table#formtable td select:focus,
#contents form table#formtable td textarea:focus{
	border: solid 3px #647780;
}

#contents form table#formtable td input{
	vertical-align: middle;
padding:5px;
border:solid 1px #EEE;
}


#contents form table#formtable td textarea{
padding:10px;
}
#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;
}
#contents form p.btn{
display:block;
clear:both;
height:40px;
margin:0 0 30px 250px;
}



#contents form p.btn input{
	display:block;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	padding: 0.5rem 1rem;
	font-size: 0.75rem;
	font-weight:bold;
float:left;
margin-right:1rem;
border:solid 1px #CCC;
	background-color: #454545;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
behavior:url("PIE.htc");
}



#contents form p.btn input:hover{
	background-color: #666;
}