@charset "UTF-8";
/* CSS Document */
/* Common / Custom */

/*
----------------------------------------------------------
 Common style
----------------------------------------------------------
*/

* {
	font-size:100%;
	margin:0;
	padding:0;
	color:#333;
}
body {
	margin:0;
	font-size: 14px; /* modern browser */
	line-height:140%;
	text-align: center;
	font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", sans-serif;
	color:#333;
	letter-spacing:1px;
}

p, h1, h2, h3, h4, ul, ol, li, img {
	margin:0;
	padding:0;
}
h1 {
	font-size:1.3em;
	font-family:  Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka,;
	margin:0;
	padding:0;
}



h2 {
	margin:0px 0 0 0;
	padding:5px 0px 3px 0px;
	font-size:1.2em;
	
}
h3 {
	margin:3px 0 3px 5px;
	font-size:1.1em;
}
h4 {
	margin:8px 0 3px 0;
}
p {
	padding:3px 0px;
	text-align:justify;
}
table {
	font-size:1em;
}
td, th {
	vertical-align:top;
 	*font-size: 100%; /* IE 7 */
 	_font: x-small; /* IE 6 */
	line-height:130%;
}
img {
	border:0;
	vertical-align:top;
}
hr {
	border-top:1px dotted #CCCCCC;
	color:#FFF;
	overflow:hidden;
	margin-top:10px;
	margin-bottom:10px;
}
input, textarea, select {
	margin:0 5px 0 5px;
}
.displayOn {
	display: block;
}
.displayOff {
	display : none;
}
.borderNone {
	border:none !important;
}
.border {
	border:1px solid #CCCCCC;
}
.bgNone {
	background-image:none !important;
}

/*
########################################################
  .link
########################################################
*/
a {
	color:#EA5F00;
	text-decoration:none;
}
a:hover {
	color:#EA5F00;
	text-decoration:underline;
}
h1 a, h2 a {
	color:#EA5F00 !important;
}
a.link{
	padding:10px 10px 10px 30px;
	margin:10px 0;
	background:url(../images/link_bg_off.jpg) left no-repeat;
	color:#3E1E19;
	text-decoration:none;
}
a.link:hover{
	background:url(../images/link_bg_on.jpg) left no-repeat;
}
a.trns:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.trance{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/*
########################################################
  .txt
########################################################
*/

.fontS {
	font-size:9px;
}
.fontSS {
	font-size:77%;
 	*font-size: xx-small; /* IE 6 */
}
.fontM {
	font-size:100%;
}
.fontL {
	font-size:120%;
}
.fontLL {
	font-size:150%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.small {
	font-size:0.8em;
}
.txt_red {
	color:#990000;
}
.txt_blue {
	color:#003399;
}
.txt_gray {
	color:#66666 !important;
}
.red {
	color:#CC0000;
}
.orange {
	color:#FF6600;
}
.black {
	color:#333333 !important;
}
.black a {
	color:#333333 !important;
}
.txt_list {
	padding-left:1em !important;
	text-indent:-1em;
}
/*
########################################################
  margin - padding
########################################################
*/

.pl0 {
	padding-left:0px !important;
}
.pl10 {
	padding-left:10px !important;
}
.pl15 {
	padding-left:15px !important;
}
.pl20 {
	padding-left:20px !important;
}
.pr10 {
	padding-right:10px !important;
}
.pr15 {
	padding-right:15px !important;
}
.pr20 {
	padding-right:20px !important;
}
.pt0 {
	padding-top:0px !important;
}
.pt10 {
	padding-top:10px !important;
}
.pt15 {
	padding-top:15px !important;
}
.pt20 {
	padding-top:20px !important;
}
.pb10 {
	padding-bottom:10px !important;
}
.pb15 {
	padding-bottom:15px !important;
}
.pb20 {
	padding-bottom:20px !important;
}
.pb100 {
	padding-bottom:100px !important;
}
.pb200 {
	padding-bottom:200px !important;
}
.ml0 {
	margin-left:0px !important;
}
.ml5 {
	margin-left:5px !important;
}
.ml10 {
	margin-left:10px !important;
}
.ml14 {
	margin-left:14px !important;
}
.ml15 {
	margin-left:15px !important;
}
.ml20 {
	margin-left:20px !important;
}
.ml30 {
	margin-left:30px !important;
}
.ml40 {
	margin-left:40px !important;
}
.ml80 {
	margin-left:80px !important;
}
.ml110 {
	margin-left:8.3em !important;
}
.ml180 {
	margin-left:180px !important;
}
.mr0 {
	margin-right:0px !important;
}
.mr5 {
	margin-right:5px !important;
}
.mr10 {
	margin-right:10px !important;
}
.mr14 {
	margin-right:14px !important;
}
.mr15 {
	margin-right:15px !important;
}
.mr20 {
	margin-right:20px !important;
}
.mt0 {
	margin-top:0px !important;
}
.mt10 {
	margin-top:10px !important;
}
.mt15 {
	margin-top:15px !important;
}
.mt20 {
	margin-top:20px !important;
}
.mt30 {
	margin-top:30px !important;
}
.mb5 {
	margin-bottom:5px !important;
}
.mb10 {
	margin-bottom:10px !important;
}
.mb15 {
	margin-bottom:15px !important;
}
.mb20 {
	margin-bottom:20px !important;
}
.mb50 {
	margin-bottom:50px !important;
}
.mb100 {
	margin-bottom:100px !important;
}
.mb200 {
	margin-bottom:200px !important;
}
.mg5 {
	margin:5px !important;
}
.mg10 {
	margin:10px !important;
}
.mg15 {
	margin:15px !important;
}
.pd5 {
	padding:5px !important;
}
.pd10 {
	padding:10px !important;
}
.pd15 {
	padding:15px !important;
}
.ma0 {
	margin:0 !important;
}
.pd0 {
	padding:0 !important;
}
/*
########################################################
  .align
########################################################
*/

.alignC {
	text-align:center !important;
}
.alignL {
	text-align:left !important;
}
.alignR {
	text-align:right !important;
}
/*
########################################################
  .float
########################################################
*/

.floatR {
	float:right;
}
.floatL {
	float:left;
}
.floatN {
	float:none;
}
.clearR {
	clear:right;
}
.clearL {
	clear:left;
}
.clear {
	clear:both;
}
/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}


/*
########################################################
  .cursor
########################################################
*/

.cursorN {
	cursor:default;
}
.cursorP {
	cursor: pointer;
}
/*
########################################################
  .width
########################################################
*/
.width50 {
	width:50px;
}
.width100 {
	width:100px;
}
.width150 {
	width:150px;
}
.width190 {
	width:190px;
}
.width200 {
	width:200px;
}
.width250 {
	width:250px;
}
.width300 {
	width:300px;
}
.width500 {
	width:500px;
}
.width600 {
	width:600px;
}
/*
########################################################
  .IME
########################################################
*/
.ime_off{
	ime-mode: disabled;
}