@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.8em;
	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: #00a1d6;}
a:active {color: #00a1d6;}


/*==-----------------------------------------------
text decoration
-------------------------------------------------*/
strong{color:#DD0000;}



hr{
	margin: 0;
	clear:both;
}




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

h1{
	font-size:2.0em;
	margin:0 0 20px 0;
	float:left;
}

#contents .section h2{
	font-size:1.5em;
	margin:0 10px 20px 10px;
}
#contents .section h3{
	font-size:1.25em;
	margin:0 10px 15px 10px;
	background:url(../../src/chinese/image/common/h3.gif) 0 0 no-repeat;
	padding-left:30px;
	padding-top:5px;
	width:940px;
	height:27px;
	color:#FFF;
}
#contents .section h4{
	margin:0 20px 15px 20px;
	font-size:1.25em;
	background:url(../../src/chinese/image/common/h4.gif) 0 -1px no-repeat;
	padding-left:18px;
	height:26px;
}
#contents .section h5{
	margin:0 20px 20px 20px;
	font-size:1.125em;
}
#contents .section h6{
	margin:0 20px 20px 20px;
	font-size:1.0em;
}

/*==-----------------------------------------------
paragraph
-------------------------------------------------*/
#contents .section p,
#contents .section ul.feed,
#contents .section dl,
#contents .section table{
	margin: 0 20px 20px 20px;
}
#contents .section ol,
#contents .section ul{
	margin: 0 40px 20px 40px;
}

#contents .section p.img_right{
	float:right;
	margin:0 20px 20px 20px;
}
#contents .section p.img_left{
	float:left;
	margin:0 20px 20px 20px;
}
#contents .section p.img_center{
	text-align:center;
	margin:0 10px 20px 10px;
}
#contents .section p.text_right{
	text-align:right;
}

/*==-----------------------------------------------
List
-------------------------------------------------*/
/*==ul--*/
#contents .section ul{
}
#contents .section ul li{
	background: url(../../src/chinese/image/common/mrk.png) no-repeat 0 50%;
	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;
	background:url(../../src/chinese/image/common/icon.gif) 0 14px no-repeat;
	padding-left:5px;

}
#contents .section ul.feed li:last-child{
	border-bottom: none;
}
#contents .section ul.feed li a{
	text-decoration: none;
	display: block;
	padding: 10px;
	color:#333;
}


#contents .section ul.feed li a:hover {
   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;
   color:#00a1d6;
}
#contents .section ul.feed li span.date{
	width:7.5em;
	float:left;
	margin: 0 10px 0 0;
	color:#0061af;
	font-weight:bold;
}

/*==ol--*/
#contents .section ol{

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

/*==dl--*/
#contents .section dl{
	clear:both;
}
#contents .section dt{
	display:block;
	width:184px;
	height:28px;
	font-weight: bold;
	color:#FFF;
	background:url(../../src/chinese/image/common/dt.gif) 0 0 no-repeat;
	padding:4px 0 0 16px;
	margin:0 10px 10px 0;
	float:left;
}
#contents .section dd{
	float:left;
	margin:5px 0 20px 0;
	display:block;
	width:700px;
}


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



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

#contents form table{
	background: #FFF;
}
#contents form th,
#contents form td{
	border: solid 1px #CCC;
	padding: 10px;
	vertical-align: middle;
}


#contents form table#formtable th{
	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;
}


#contents form table#formtable td.btnarea{
	text-align:center;
}

#contents form table#formtable td.btnarea input{
	border:solid 1px #59b9d4;
	padding:3px 10px;
	margin:5px;
	background:#0061af;
	font-weight:bold;
	font-size:1.5em;
	color:#FFF;
    border-radius: 4px;
    -webkit-border-radius: 4px;  
    -moz-border-radius: 4px;
}

#contents form table#formtable td.btnarea input:hover{
	color:#0061af;
	background:#eafbff;

}

#contents form table#formtable td.btnarea input.btn_confirm{
	width:10em;
}

#contents form table#formtable td.btnarea input.btn_send,
#contents form table#formtable td.btnarea input.btn_return{
	width:7em;
}