@charset "utf-8";


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

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

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


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

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


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

a{overflow: hidden;}
a:link {color: #bb0000;}
a:visited {color: #f47b29;}
a:hover {color: #fa3433;}
a:active {color: #fa3433;}


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

.fwBold {
  font-weight: bold;
}


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.125em;
}
#contents .section h4{
	font-size:1.125em;
}
#contents .section h5{
	font-size:1.125em;
}
#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{
	background: url(../image/common/mrk.gif) no-repeat 0 50%;
	padding:0 0 0 12px;
	margin:0 0 10px 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:680px;
	margin:0 110px 10px 110px;
}
#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: #dd732b;
	color: #FFFFFF;
}
#contents .section td{
	background: #fcfbf7;
}
#contents .section tbody.odd td{
	background: #fcfbf7;
}
#contents .section tbody.even td{
	background: #fcfbf7;
}



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


/*==-----------------------------------------------
form
-------------------------------------------------*/


#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 input.btn_confirm,
#contents form table#formtable td input.btn_unregist,
#contents form table#formtable td input.btn,
#contents form p.btn input{
	background-color: #bb0000;
	border: none;
	padding: 4px 10px;
	color: #FFFFFF;
}
#contents form p.btn{
	text-align: center;
}
#contents form table#formtable td input.btn_confirm:hover,
#contents form table#formtable td input.btn_unregist:hover,
#contents form table#formtable td input.btn:hover,
#contents form p.btn input:hover{
	background-color: #e93534;
}

#contents form table#formtable td input.btn_unregist{
	margin-left: 10px;
}

#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;
}


/*==-----------------------------------------------
float/align
-------------------------------------------------*/
.txtLeft {
	text-align: left;
}
.txtCenter {
	text-align: center;
}
.txtRight {
	text-align: right;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.clearLeft {
	clear: left;
}
.clearRight {
	clear: right;
}
.clearBoth {
	clear: both;
}

/**
* clearfix
* ----------------------------------
*/

/* For modern browsers */
.clearfix:before,
.clearfix:after,
.cf:before,
.cf:after {
	display: table;
	content: "";
}

.clearfix:after,
.cf:after {
	clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix,
.cf {
	zoom: 1;
}

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

.mb05em {
  margin-bottom: 0.5em!important;
}
.mb10em {
  margin-bottom: 1em!important;
}
.mb15em {
  margin-bottom: 1.5em!important;
}
.mb20em {
  margin-bottom: 2em!important;
}


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