@charset "utf-8";


/*/////////////////////////////////////////////////////////////
module.css

ver.2010/05/30　
---------------------------------------------------------------
1. 文字の設定
 1-1. 文字の大きさ
 1-2. 文字の位置
 1-3. 行間設定
 1-4. 文字の色
 1-5. 文字の背景色
 1-6. 文字の形体
 1-7. 文字の下線/打ち消し線


//////////////////////////////////////////////////////////////*/



textarea,input {
	font-family: Meiryo,"メイリオ","游ゴシック",Verdana,  YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",   sans-serif;
	/*font-family:'Meiryo','メイリオ',  'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Hiragino Kaku Gothic Pro W3' , 'ＭＳ ゴシック','MS Gothic' ,monospace;*/
}
/*IE・Firefoxにおける画像の下の3px程の隙間を回避*/
img {
	border: none;
	vertical-align: bottom;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}


/*--------------------------------------------------------------
 1. 文字の設定
--------------------------------------------------------------*/

/* 1-1 文字の大きさ
------------------------------------------------------------- */
.f06 {font-size:0.6em!important;}
.f07 {font-size:0.7em!important;}
.f08 {font-size:0.8em!important;}
.f09 {font-size:0.9em!important;}
.f10 {font-size:1em!important;}
.f11 {font-size:1.1em!important;}
.f12 {font-size:1.2em!important;}
.f13 {font-size:1.3em!important;}
.f14 {font-size:1.4em!important;}
.f15 {font-size:1.5em!important;}
.f16 {font-size:1.6em!important;}
.f17 {font-size:1.7em!important;}
.f18 {font-size:1.8em!important;}
.f20 {font-size:2em!important;}


/* 1-2. 文字の位置
------------------------------------------------------------- */
.al_right { text-align:right!important; }
.al_left { text-align:left!important;}
.center { text-align:center!important; margin:0 auto!important; }

.indent {text-indent:1em!important;}

.nowrap { white-space:nowrap!important;}
.wb {word-wrap: break-word!important;}

.note {
	padding-left:1em;
	text-indent:-1em;
}
.note02 {
	padding-left:-1em;
	text-indent:-1em;
}


/* 1-3. 行間設定
------------------------------------------------------------- */
.lh15 {line-height:1.5!important;}


/* 1-4. 文字の色
------------------------------------------------------------- */
.red {color: #cc0000;}
.red_b {color:#cc0000;font-weight:bold;}

.orange {
	color: #FF6600;
}
.orange_b {color:#FF6600;font-weight:bold;}


.blue {color:blue;}
.blue_b {color:blue;font-weight:bold;}

.blue02 {color:#3399ff;}
.blue02_b {color:#0066FF;font-weight:bold;}

.gray {color:#999999;}


/* 1-5. 文字の背景色
------------------------------------------------------------- */
.bg_yellow {
  background-color: #ffff88;
  font-weight: bold;
  color: #36393d;
}


/* 1-6. 文字の形体
------------------------------------------------------------- */
.fn { font-style:normal!important; font-weight:normal!important;}

.bold { font-weight:bold!important; }

em { font-style:normal;}

strong {
	/*font-weight:bold;*/
	font-weight:normal;
}


/* 1-7. 文字の下線/打ち消し線
------------------------------------------------------------- */
.under { text-decoration:underline; }
.dotted { border-bottom:1px dotted #018CC9; }
.lt {text-decoration:line-through;}



/* ------------------------------------------------------------
 3. テーブルの表示設定
------------------------------------------------------------ */

/* 1. （tbl01）thが左の場合
----------------------------------------------------------- */
.tbl01 {
	margin:0 0 10px 0;
	padding: 0;
	border-collapse: separate;
	border-top: #999 1px dotted;
}
.tbl01 th {
	padding: 5px;
	margin:0;
	vertical-align: middle;
	font-size:1.3em;
	line-height: 1.3;
	letter-spacing: 0.1em;
	white-space:nowrap;
	font-weight: normal;
	border-top: #fff 1px solid;
	border-bottom: #999 1px dotted;
	background-color:#E4F7CB;
	text-align:left;
}
.tbl01 .thLv2 {
	background-color:#CCEFA2!important;
	text-align:center;
	border-top:none;
}

.tbl01 th.sort {background-color:#ccc; }

/**/

.tbl01 td {
	padding: 3px;
	margin:0px;
	vertical-align: middle;
	text-align:left;
	font-size:1.3em;
	line-height: 1.3;
	border-top: #fff 1px solid;
	border-bottom: #999 1px dotted;
}


/*セル内リスト*/
.tbl01 ul{
	padding:10px 0 0 20px;
	list-style-type:square;
	font-size:0.9em;
	color:#444;
	text-align: left;
	}

/**/
.tbl01 ol {	padding:0 0 0 25px;}
.tbl01 ol li {line-height:1.5;}

/*サムネイル*/
.tbl01 .image {
	margin:0;
	text-align:center;
	width: 130px;
	display: block;
	padding: 0;
}
.tbl01 .image li {
	display:inline;

	margin:0 3px 0 0;
	float:left;
}
.tbl01 .image li a{
	display:block;
	border:#ccc 1px solid;
}
.tbl01  .image li a:hover{
	border:#005EF9 1px solid;
	padding: 0;
}

/*ボタン*/
.tbl01 .allbtn img,
.tbl01 .allbtn a :hover{
	border:none!important;
	margin:0 auto 5px auto!important;
	display:block;
}


/*input textarea*/
.tbl01 input,
.tbl01 textarea{
	border: #ccc 1px solid;
	font-size:0.9em;
	padding:2px;
}

.tbl01 input:focus   {
	background-color:#FFFFEF;
}
.tbl01 input:hover   { background-color:#FFFFEF;}
.tbl01 textarea:focus   { background-color:#FFFFEF;}
.tbl01 textarea:hover   { background-color:#FFFFEF;}


/*yuga.js用ロールオーバー*/
.btn{ cursor:pointer;}

/* 2. （tbl02）thが横の場合
----------------------------------------------------------- */

/*THが左部の場合*/

.tbl02 {
	margin-bottom: 10px;
	padding: 0px;
	border-collapse: separate;
	line-height:1.3;
	border-top: #bbb 1px dotted;
	width:100%;
}
.tbl02 th {
	padding: 5px;
	margin:0px;
	vertical-align: middle;
	border-bottom: #bbb 1px dotted;
	font-size:1.3em;
	line-height: 1.3;
	letter-spacing: 0.1em;
	text-align:left;
	white-space:nowrap;
	font-weight: normal;
	background-color:#eee;
}
.tbl02 td {
	padding: 5px;
	margin:0px;
	vertical-align: top;
	font-size:1.3em;
	line-height: 1.5;
	border-bottom: #bbb 1px dotted;
}

/**/

.tbl02 ul{
		padding:0 0 0 1.5em;
		list-style-type:square;
		font-size:1em;
		color:#444;
	}

/**/

.tbl02 ol {	padding:0 0 0 25px;}
.tbl02 ol li {line-height:1.5;}


/**/

.tbl03 {
	margin-bottom: 20px ;
	padding: 0px;
	border-collapse: separate;
	line-height:1.3;
	border-top: #bbb 1px solid;
	border-right: #bbb 1px solid;
	width:100%;
}
.tbl03:last-child { margin-bottom:0;}
.tbl03 th {
	padding: 5px;
	margin:0px;
	vertical-align: middle;
	border-left: #bbb 1px solid;
	border-bottom: #bbb 1px solid;
	font-size:1.2em;
	line-height: 1.3;
	letter-spacing: 0.1em;
	text-align:left;
	white-space:nowrap;
	/* [disabled]font-weight: normal; */
	background-color:#E5E5E5;
}
.tbl03 td {
	padding: 5px;
	margin:0px;
	vertical-align: middle;
	font-size:1.2em;
	line-height: 1.5;
	border-left: #bbb 1px solid;
	border-bottom: #bbb 1px solid;
	background-color:#fff;
}

/**/

.tbl03 ul{
		padding:10px 0 0 20px;
		list-style-type:square;
		font-size:10px;
		color:#444;
	}

/**/

.tbl03 ol {	padding:0 0 0 25px;}
.tbl03 ol li {line-height:1.5;}




.tbl03 input{ font-size:1em;}
.tbl03 textarea{ font-size:1em;}
.tbl03 textarea{ font-size:1em;}

.form_txtarea01{display:block; clear:both; width:600px;}
.form_txtarea01 dl{display:block;}
.form_txtarea01 dt{ float:left;}
.form_txtarea01 dd{ display:block;}



/* 4. yuga js（$.yuga.stripe();）にて 行の奇数　偶数設定
----------------------------------------------------------- */

/*.tbl01 tr.odd td { background-color:#ebebeb;}
.tbl01 tr.even td { background-color:#fff;}

.tbl02 tr.odd td { background-color:#ebebeb;}
.tbl02 tr.even td { background-color:#fff;}

.tbl03 tr.odd td { background-color:#ebebeb;}
.tbl03 tr.even td { background-color:#fff;}*/


/*yuga js 奇数　偶数設定*/
/*.tbl01 tr.odd td{
	background-color: #f8f8f8;
}
*/


/* 4. テーブル一行おきに色付け (JQUERY common.js)
----------------------------------------------------------- */
/*.tbl01 tr.even td,
.tbl02 tr.even td,
.tbl03 tr.even td
 { background-color:#ebebeb;}
*/



/* 5 罫線なし
------------------------------------------------------------- */
.b_no{ border:none!important;}
.bt_no{ border-top:none!important;}
.br_no{ border-right:none!important;}
.bb_no{ border-bottom:none!important;}
.bl_no{ border-left:none!important;}

/* 6 背景なし
------------------------------------------------------------- */
.bgimg_no { background-image:none!important;}



/*--------------------------------------------------------------
 3. フォーム関連
--------------------------------------------------------------*/

/* 1 新着情報　アイコン
------------------------------------------------------------- */
.new {
	background-color:#C60000;
	font-size:0.7em;
	border-right:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	padding:0.1em 0.4em;
	width: 4em;
	text-align: center;
	color: #fff;
	letter-spacing:0.1em;
	margin-right: 10px;
	white-space:nowrap;
}


/* 2 必須項目文字
------------------------------------------------------------- */

.notes {
	background-color:#C60000;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	color:#FFFFFF;
	font-size:0.6em;
	letter-spacing:0.2em;
	padding:0.1em 0.4em;
	text-align:center;
	white-space:nowrap;
	width:4em;
	font-weight: normal!important;
	margin: 0 5px 0 5px;
	vertical-align: middle;
}

/* 3 ボタン位置
------------------------------------------------------------- */
.btn_center {
	display:block;
	margin:20px auto;
	padding:5px 0;
	text-align:center;
}
.btn_center input {cursor:pointer;margin:0 auto; text-align:center;}


/* 4 フォーム　テキストボックス/エリア内の色
------------------------------------------------------------- */
/*input:focus   {
	background-color:#FFFFDF;
}
input:hover   { background-color:#FFFFDF;}
textarea:focus   { background-color:#FFFFDF;}
textarea:hover   { background-color:#FFFFDF;}
*/


/* 5 エラーメッセージ
------------------------------------------------------------- */
/* flash-messages */
.message {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-align:left;
  margin: 0 auto 15px;
}
.message p {
	margin:8px;
	/* [disabled]padding: 2px; */
	font-size: 1.2em;
}

/* 5-1 赤
----------------------------- */
.error {
	border: 1px solid #fbb;
	background-color: #fdd;
	color: #CC0000;
	text-align: left;
}

/* 5-2 黄
----------------------------- */
.warning {
  border: 1px solid #fffaaa;
  background-color: #ffffcc;
}

/* 5-3 緑
----------------------------- */
.notice {
  border: 1px solid #1FDF00;
  background-color: #BBFFB6;
}


/* 6 submit　ボタン
------------------------------------------------------------- */

/* 6-1 グレー【submit】
----------------------------- */
.button_gray {
  	text-align:center;
	margin:0 1px;
	border: 1px solid #c1c1c1;
	font-size: 1.2em;
	line-height: 1.3;
	font-weight:bold;
	background: #cfcfcf;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor:pointer;
	vertical-align:middle;
  	padding: 3px 20px;
	color: #36393d;
	letter-spacing:0.2em;
}
.button_gray:hover {
  border: 1px solid #666;
}
.button_gray:hover{background-color:#bebebe;}
.button_gray:active {color: #444!important;}


/**/
span.button_gray{
	display:block;
	padding:0!important;
}
.button_gray a{
	color: #36393d;
	display:block;
	padding: 3px 20px;
}




/* 6-2 赤【submit】
----------------------------- */

.button_red{
	text-align:center;
	margin:0 1px;
	border:1px solid #c00!important;
	font-size: 1.2em;
	line-height: 1.3;
	font-weight:bold;
	background-color: #c00;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor:pointer;
	vertical-align:middle;
  	padding: 3px 20px;
	color: #fff;
	letter-spacing:0.2em;
}
.button_red:hover{color: #fff;background-color:#E30000;}
.button_red:active {color: #fff;}

/**/
span.button_red{display:block;padding:0!important;}
.button_red a{color: #fff;display:block;padding: 3px 20px;}





/* 6-2 白【submit】
----------------------------- */
.button_white {
  	text-align:center;
	margin:0 1px;
	border: 1px solid #c1c1c1;
	font-size: 1.2em;
	line-height: 1.3;
	font-weight:bold;
	background: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor:pointer;
	vertical-align:middle;
  	padding: 3px 20px;
	color: #36393d;
	letter-spacing:0.2em;
}
.button_white:hover {
  border: 1px solid #666;
}
.button_white:hover{background-color:#f3f3f3;}
.button_white:active {color: #444!important;}

/**/
span.button_white{display:block;padding:0!important;}
.button_white a {color: #36393d;display:block;padding: 3px 20px;}



/* 6-2 オレンジ【submit】
----------------------------- */
.button_orange {
  	text-align:center;
	margin:0 1px;
	border: 1px solid #FF9000;
	font-size: 1.2em;
	line-height: 1.3;
	font-weight:bold;
	background: #FF9000;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor:pointer;
	vertical-align:middle;
  	padding: 3px 20px;
	color: #fff;
	letter-spacing:0.2em;
}
.button_orange:hover {
  border: 1px solid #FF9000;
}
.button_orange:hover{background-color:#FF9D1F;}
.button_orange:active {color: #444!important;}


/**/

span.button_orange{display:block;padding:0!important;}
.button_orange a {
	color: #fff;
	display:block;
	padding: 3px 20px;
}



/*--------------------------------------------------------------
 3. 水平線
--------------------------------------------------------------*/
/*hr {display:none!important;}*/


/* 5 点線　背景画像
------------------------------------------------------------- */
.line01 {
	background:url(../images/common/line_dashed01.gif) center repeat-x!important;
	height:2px;
}
.line01 hr { display:none;}


/* 5 実線　背景画像なし
------------------------------------------------------------- */

/* 2 grayline
----------------------------- */
.grayline {
	display:block;
	height:2px;
	background-color:#ccc;
	clear:both;
}


/*--------------------------------------------------------------
 3. リスト
--------------------------------------------------------------*/
.lsc {list-style-type:circle; margin-left:1.5em;}
.lsd {list-style-type: disc; margin-left:1.5em;}


/*--------------------------------------------------------------
 3. リンク用約物
--------------------------------------------------------------*/
.lv1,
.lv2,
.lv3,
.ow,
.up,
.down,
.att,
.pdf {
	padding:0 0 0 15px!important;
	margin: 0;
	font-size:1em;
}

.lv1 {background: url(../images/common/ico_lv1.gif) left center no-repeat;}
.lv2 {background: url(../images/common/ico_lv2.gif) left center no-repeat;}
.lv3 {background: url(../images/common/ico_lv3.gif) left center no-repeat;}

.ow {background: url(../images/common/ico_ow.gif) 4px center no-repeat;}
.up {background: url(../images/common/ico_up.gif) left center no-repeat;}
.down {background: url(../images/common/ico_down.gif) left center no-repeat;}

.att {background:transparent url(../images/common/ico_att.gif) no-repeat left center;}

.pdf {background:url(../images/common/ico_pdf.gif) left center no-repeat;}
.pdf a {
	background:url(../images/common/ico_pdf.gif) left center no-repeat;
	_background:url(../images/common/ico_pdf.gif) left 3px no-repeat;/*IE6*/
	padding:0.5em 0 0.5em 16px;
}



/*--------------------------------------------------------------
 3. リンク現在位置
--------------------------------------------------------------*/
a.here{
	font-weight:bold;
	text-decoration: none;
	background-color:#f3f3f3;
	color:#0023B0;
	padding:0 0.2em;
	border:#0023B0 1px dotted;
}
a:link.here,
a:hover.here,
a:visited.here,
a:active.here{
	text-decoration: none;
	background-color:#f3f3f3;
	color:#0023B0;
	padding:0 0.2em;
}

/*--------------------------------------------------------------
 3. フロート／解除
--------------------------------------------------------------*/
.fl_right {float:right!important; }
.fl_left {float:left!important; }
.fnone {float:none!important;}

.clr {clear:both!important;}
.clrR {clear:right!important;}
.clrL {clear:left!important;}



/*--------------------------------------------------------------
 3. padding margin 簡易設定
--------------------------------------------------------------*/

/* 1 padding
------------------------------------------------------------- */
.p0 { padding:0 !important;}
.p5 { padding:5px!important; }
.p10 { padding:10px!important; }
.p15 { padding:15px!important; }
.p20 { padding:20px!important; }

.prl5 { padding-right:5px!important;padding-left:5px!important; }
.prl10 { padding-right:10px!important;padding-left:10px!important; }
.prl15 { padding-right:15px!important;padding-left:15px!important; }
.prl20 { padding-right:20px!important;padding-left:20px!important; }

.ptb5 {padding-top:5px!important;padding-bottom:5px!important; }
.ptb10 {padding-top:10px!important;padding-bottom:10px!important; }
.ptb15 {padding-top:15px!important;padding-bottom:15px!important; }
.ptb20 {padding-top:20px!important;padding-bottom:20px!important; }

.pt0 { padding-top:0!important;}
.pt5 { padding-top:5px!important; }
.pt10 { padding-top:10px!important; }
.pt15 { padding-top:15px!important; }
.pt20 { padding-top:20px!important; }
.pt30 { padding-top:30px!important; }
.pt40 { padding-top:40px!important; }
.pt50 { padding-top:50px!important; }

.pr0 { padding-right:0px!important; }
.pr5 { padding-right:5px!important; }
.pr10 { padding-right:10px!important; }
.pr15 { padding-right:15px!important; }
.pr20 { padding-right:20px!important; }
.pr30 { padding-right:30px!important; }

.pl0 { padding-left:0px!important; }
.pl5 { padding-left:5px!important; }
.pl10 { padding-left:10px!important; }
.pl15 { padding-left:15px!important; }
.pl20 { padding-left:20px!important; }
.pl30 { padding-left:30px!important; }

.pb0 { padding-bottom:0!important;}
.pb5 { padding-bottom:5px!important; }
.pb10 { padding-bottom:10px!important; }
.pb15 { padding-bottom:15px!important; }
.pb20 { padding-bottom:20px!important; }
.pb30 { padding-bottom:30px!important; }


/* 2 margin
------------------------------------------------------------- */
.m0 { margin:0 !important;}
.m5 { margin:5px!important; }
.m10 { margin:10px!important; }
.m15 { margin:15px!important; }
.m20 { margin:20px!important; }

.mtb10 { margin-top:10px!important;margin-bottom:10px!important; }
.mtb20 { margin-top:20px!important;margin-bottom:20px!important; }
.mtb30 { margin-top:30px!important;margin-bottom:30px!important; }
.mtb40 { margin-top:40px!important;margin-bottom:40px!important; }

.mrl10 { margin-right:10px!important;margin-left:10px!important; }

.mt0 { margin-top:0!important;}
.mt5 { margin-top:5px!important;}
.mt10 { margin-top:10px!important; }
.mt20 { margin-top:20px!important; }
.mt30 { margin-top:30px!important; }
.mt40 { margin-top:40px!important; }

.mr0 {margin-right:0!important;}
.mr5 {margin-right:5px!important;}
.mr10 {margin-right:10px!important;}
.mr15 {margin-right:15px!important;}
.mr20 {margin-right:20px!important;}

.mb0 { margin-bottom:0!important;}
.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; }

.ml0 { margin-left:0px!important; }
.ml5 { margin-left:5px!important; }
.ml10 { margin-left:10px!important; }
.ml15 {margin-left:15px!important;}
.ml20 { margin-left:20px!important; }
.ml30 { margin-left:30px!important; }
.ml40 { margin-left:40px!important; }

.ml1em { margin-left:1em!important; }
.ml2em { margin-left:2em!important; }
.ml4em { margin-left:4em!important; }


/*--------------------------------------------------------------
 3. 幅の簡易設定
--------------------------------------------------------------*/
.w1m { width:1em!important;}
.w2m { width:2em!important;}
.w3m { width:3em!important;}
.w4m { width:4em!important;}
.w5m { width:5em!important;}
.w6m { width:6em!important;}
.w7m { width:7em!important;}
.w8m { width:8em!important;}
.w9m { width:9em!important;}
.w10m { width:10em!important;}
.w11m { width:11em!important;}
.w12m { width:12em!important;}
.w13m { width:13em!important;}
.w14m { width:14em!important;}
.w15m { width:15em!important;}

.w10 { width:10px!important;}
.w20 { width:20px!important;}
.w30 { width:30px!important;}
.w40 { width:40px!important;}
.w50 { width:50px!important;}
.w60 { width:60px!important;}
.w70 { width:70px!important;}
.w80 { width:80px!important;}
.w90 { width:90px!important;}

.w100 { width:100px!important;}
.w110 { width:110px!important;}
.w120 { width:120px!important;}
.w130 { width:130px!important;}
.w140 { width:140px!important;}
.w150 { width:150px!important;}
.w160 { width:160px!important;}
.w170 { width:170px!important;}
.w180 { width:180px!important;}
.w190 { width:190px!important;}
.w200 { width:200px!important;}
.w210 { width:210px!important;}
.w220 { width:220px!important;}
.w230 { width:230px!important;}
.w240 { width:240px!important;}
.w250 { width:250px!important;}
.w260 { width:260px!important;}
.w270 { width:270px!important;}
.w280 { width:280px!important;}
.w290 { width:290px!important;}
.w300 { width:300px!important;}

.w400 { width:400px!important;}

.w500 { width:500px!important;}

.w600 { width:600px!important;}

.w5p{ width:5%!important;}
.w10p{ width:10%!important;}
.w15p{ width:15%!important;}
.w20p{ width:20%!important;}
.w25p{ width:25%!important;}
.w30p{ width:30%!important;}
.w35p{ width:35%!important;}
.w40p{ width:40%!important;}
.w45p{ width:45%!important;}
.w50p{ width:50%!important;}
.w55p{ width:55%!important;}
.w60p{ width:60%!important;}
.w65p{ width:65%!important;}
.w70p{ width:70%!important;}
.w75p{ width:75%!important;}
.w80p{ width:80%!important;}
.w85p{ width:85%!important;}
.w90p{ width:90%!important;}
.w95p{ width:95%!important;}
.w100p{ width:100%!important;}


/*--------------------------------------------------------------
 3. その他共通設定
--------------------------------------------------------------*/
.none {display:none!important;}
.block{ display:block!important;}
.bg_no {background:none!important;}





/*--------------------------------------------------------------
 3. 汎用テキストボタン
--------------------------------------------------------------*/

.cmn_btn01 a {
   float:left;
   background: url(../images/common/btn_left01.gif) no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
   line-height:1;
}
.cmn_btn01 a span {
   float:left;
   display:block;
   background: url(../images/common/btn_right01.gif) no-repeat right top;
   padding:5px 22px 5px 4px;
   color:#004AC6;
   font-size:1.1em;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.cmn_btn01 a span {float:none;}
/* End IE5-Mac hack */
.cmn_btn01 a:hover span {
	color:#004AC6;
}
.cmn_btn01 a:hover {
   background-position:0% -21px;
}
.cmn_btn01 a:hover span {
   background-position:100% -21px;
}
.cmn_btn01 #current a {
   background-position:0% -21px;
}
.cmn_btn01 #current a span {
   background-position:100% -21px;
}


/*--------------------------------------------------------------
 3. 汎用テキスト
--------------------------------------------------------------*/
.txt12_01{
	margin:0 0 5px 0;
	font-size:1.2em;
	line-height:1.5;
}
.txt14_01{
	margin:0 0 5px 0;
	font-size:1.4em;
	line-height:1.5;
}


/*--------------------------------------------------------------
 ボタン
--------------------------------------------------------------*/
/*-------------------------
イエロー
--------------------------*/
button.button_1 {
    /* 文字サイズを1.4emに指定 */
    font-size: 15px;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向、
     * 横方向の余白を指定 */
    padding: 2px 15px 2px 15px;

    /* 文字色を白色に指定 */
    color: #fff;

    /* ボーダー設定 */
    border:solid 1px #ff8c00;



    /* テキストの影の指定
     * 影の横幅を1px
     * 縦長を1px
     * ぼかしを2px
     * 色を#000（黒）に指定 */
    text-shadow: 1px 1px 0px #ff8c00;

    /* グラデーションの指定 */
    background: -moz-linear-gradient(top, #fdd441, #ff8c00);
    background: -webkit-gradient(linear, left top, left bottom, from(#fdd441), to(#ff8c00));

	/* 今まで */
	background:-ms-linear-gradient(top, #fdd441, #ff8c00);
	/* IE10 */
	background:linear-gradient(to bottom, #fdd441, #ff8c00);

    /*IE6 IE7 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#fdd441, endcolorstr=#ff8c00));
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#fdd441, endcolorstr=#ff8c00))";


    /* 角丸の指定 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

button.button_1:hover {
    /* 透明度を20%に指定 */
    opacity: 0.8;
}


button.button_1_1 {
    /* 文字サイズを1.4emに指定 */
    font-size: 15px;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向、
     * 横方向の余白を指定 */
    padding: 2px 15px 2px 15px;

    /* 文字色を白色に指定 */
    color: #fff;

    /* ボーダーを設定 */
    border:solid 1px #ff8c00;


    /* テキストの影の指定
     * 影の横幅を1px
     * 縦長を1px
     * ぼかしを2px
     * 色を#000（黒）に指定 */
    text-shadow: 1px 1px 0px #ff8c00;

    /* グラデーションの指定 */
    background: -moz-linear-gradient(top, #fdd441, #ff8c00);
    background: -webkit-gradient(linear, left top, left bottom, from(#fdd441), to(#ff8c00));

	/* 今まで */
	background:-ms-linear-gradient(top, #fdd441, #ff8c00);
	/* IE10 */
	background:linear-gradient(to bottom, #fdd441, #ff8c00);

    /*IE6 IE7 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#fdd441, endcolorstr=#ff8c00));
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#fdd441, endcolorstr=#ff8c00))";


    /* 角丸の指定 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

button.button_1_1:hover {
    /* 透明度を20%に指定 */
    opacity: 0.8;
}



button.button_1_2 {
    /* 文字サイズを1.4emに指定 */
    font-size: 15px;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向、
     * 横方向の余白を指定 */
    padding: 2px 15px 2px 15px;

    /* 文字色を白色に指定 */
    color: #fff;

    /* ボーダーを設定 */
    border:solid 1px #ff8c00;


    /* テキストの影の指定
     * 影の横幅を1px
     * 縦長を1px
     * ぼかしを2px
     * 色を#000（黒）に指定 */
    text-shadow: 1px 1px 0px #ff8c00;

    /* グラデーションの指定 */
    background: -moz-linear-gradient(top, #fdd441, #ff8c00);
    background: -webkit-gradient(linear, left top, left bottom, from(#fdd441), to(#ff8c00));

	/* 今まで */
	background:-ms-linear-gradient(top, #fdd441, #ff8c00);
	/* IE10 */
	background:linear-gradient(to bottom, #fdd441, #ff8c00);

    /*IE6 IE7 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#fdd441, endcolorstr=#ff8c00));
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#fdd441, endcolorstr=#ff8c00))";


    /* 角丸の指定 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

	margin: 0px 0px 0px 50px;
}

button.button_1_2:hover {
    /* 透明度を20%に指定 */
    opacity: 0.8;
}



button.button_1_3 {
    /* 文字サイズを1.4emに指定 */
    font-size: 15px;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向、
     * 横方向の余白を指定 */
    padding: 5px 15px 4px 15px;

    /* 文字色を白色に指定 */
    color: #fff;

    /* ボーダーを設定 */
    border:solid 1px #ff8c00;


    /* テキストの影の指定
     * 影の横幅を1px
     * 縦長を1px
     * ぼかしを2px
     * 色を#000（黒）に指定 */
    text-shadow: 1px 1px 0px #ff8c00;

    /* グラデーションの指定 */
    background: -moz-linear-gradient(top, #fdd441, #ff8c00);
    background: -webkit-gradient(linear, left top, left bottom, from(#fdd441), to(#ff8c00));

	/* 今まで */
	background:-ms-linear-gradient(top, #fdd441, #ff8c00);
	/* IE10 */
	background:linear-gradient(to bottom, #fdd441, #ff8c00);

    /*IE6 IE7 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#fdd441, endcolorstr=#ff8c00));
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#fdd441, endcolorstr=#ff8c00))";


    /* 角丸の指定 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

	width: 100%;

	margin: 0px 0px 10px 0px;
}

button.button_1_3:hover {
    /* 透明度を20%に指定 */
    opacity: 0.8;
}

input.button_1 {
    /* 文字サイズを1.4emに指定 */
    font-size: 15px;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向、
     * 横方向の余白を指定 */
    padding: 1px 15px 1px 15px;

    /* 文字色を白色に指定 */
    color: #fff;

    /* ボーダー設定 */
    border:solid 1px #ff8c00;



    /* テキストの影の指定
     * 影の横幅を1px
     * 縦長を1px
     * ぼかしを2px
     * 色を#000（黒）に指定 */
    text-shadow: 1px 1px 0px #ff8c00;

    /* グラデーションの指定 */
    background: -moz-linear-gradient(top, #fdd441, #ff8c00);
    background: -webkit-gradient(linear, left top, left bottom, from(#fdd441), to(#ff8c00));

	/* 今まで */
	background:-ms-linear-gradient(top, #fdd441, #ff8c00);
	/* IE10 */
	background:linear-gradient(to bottom, #fdd441, #ff8c00);

    /*IE6 IE7 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#fdd441, endcolorstr=#ff8c00));
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#fdd441, endcolorstr=#ff8c00))";


    /* 角丸の指定 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

input.button_1:hover {
    /* 透明度を20%に指定 */
    opacity: 0.8;
}
/*-------------------------
バナー
--------------------------*/
.nannar_00 a:hover {
	opacity:0.7;
}




@media (max-width: 480px) {
	button.button_1_1 {


	    /* 縦方向、
	     * 横方向の余白を指定 */
	    padding: 5px 10px 4px 10px;


	    width: 100%;
	    margin: 0px 0px 0px -2px;
	}
	button.button_1_2 {


	    /* 縦方向、
	     * 横方向の余白を指定 */
	    padding: 5px 10px 4px 10px;


	    width: 100%;
	    margin: 10px 0px 0px -2px;
	}
	button.button_1_3 {


	    /* 縦方向、
	     * 横方向の余白を指定 */
	    padding: 5px 10px 4px 10px;


	    width: 100%;
	    margin: 0px 0px 0px -2px;
	}

}
/*-------------------------
ブルー
--------------------------*/
button.button_2 {
    /* 文字サイズを1.4emに指定 */
    font-size: 15px;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向、
     * 横方向の余白を指定 */
    padding: 2px 15px 2px 15px;

    /* 文字色を白色に指定 */
    color: #fff;

    /* ボーダーを設定 */
    border:solid 1px #005FFF;


    /* テキストの影の指定
     * 影の横幅を1px
     * 縦長を1px
     * ぼかしを2px
     * 色を#000（黒）に指定 */
    text-shadow: 1px 1px 0px #005FFF;

    /* グラデーションの指定 */
    background: -moz-linear-gradient(top, #8EB8FF, #005FFF);
    background: -webkit-gradient(linear, left top, left bottom, from(#8EB8FF), to(#005FFF));

	/* 今まで */
	background:-ms-linear-gradient(top, #8EB8FF, #005FFF);
	/* IE10 */
	background:linear-gradient(to bottom, #8EB8FF, #005FFF);

    /*IE6 IE7 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#8EB8FF, endcolorstr=#005FFF));
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#8EB8FF, endcolorstr=#005FFF))";


    /* 角丸の指定 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

button.button_2:hover {
    /* 透明度を20%に指定 */
    opacity: 0.8;
}


/*-------------------------
グレー
--------------------------*/
button.button_3 {
    /* 文字サイズを1.4emに指定 */
    font-size: 15px;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向、
     * 横方向の余白を指定 */
    padding: 2px 15px 2px 15px;

    /* 文字色を黒に指定 */
    color: #4d4d4d;

    /* ボーダーを設定 */
    border:solid 1px #CCCCCC;



    /* テキストの影の指定
     * 影の横幅を1px
     * 縦長を1px
     * ぼかしを2px
     * 色を#000（黒）に指定 */
    text-shadow: 1px 1px 0px #CCCCCC;

    /* グラデーションの指定 */
    background: -moz-linear-gradient(top, #EEEEEE, #CCCCCC);
    background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#CCCCCC));

	/* 今まで */
	background:-ms-linear-gradient(top, #EEEEEE, #CCCCCC);
	/* IE10 */
	background:linear-gradient(to bottom, #EEEEEE, #CCCCCC);

    /*IE6 IE7 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#EEEEEE, endcolorstr=#CCCCCC));
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#EEEEEE, endcolorstr=#CCCCCC))";


    /* 角丸の指定 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

button.button_3:hover {
    /* 透明度を20%に指定 */
    opacity: 0.8;
}


/*-------------------------
レッド
--------------------------*/
button.button_4 {
    /* 文字サイズを1.4emに指定 */
    font-size: 15px;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向、
     * 横方向の余白を指定 */
    padding: 2px 15px 2px 15px;

    /* 文字色を白色に指定 */
    color: #fff;

    /* ボーダーを設定 */
    border:solid 1px #FF0000;



    /* テキストの影の指定
     * 影の横幅を1px
     * 縦長を1px
     * ぼかしを2px
     * 色を#000（黒）に指定 */
    text-shadow: 1px 1px 0px #FF0000;

    /* グラデーションの指定 */
    background: -moz-linear-gradient(top, #FF0000, #AA0000);
    background: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#AA0000));

	/* 今まで */
	background:-ms-linear-gradient(top, #FF0000, #AA0000);
	/* IE10 */
	background:linear-gradient(to bottom, #FF0000, #AA0000);

    /*IE6 IE7 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FF0000, endcolorstr=#AA0000));
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FF0000, endcolorstr=#AA0000))";


    /* 角丸の指定 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

button.button_4:hover {
    /* 透明度を20%に指定 */
    opacity: 0.8;
}

@media (max-width: 480px) {
	button.button_1 {
		margin:10px 0px 0px 0px;
	}
}

/*--------------------------------------------------------------
スマートフォンのみ改行
--------------------------------------------------------------*/
@media (max-width: 480px) {
	.sp-br:before {
		content: "\A" ;
		white-space: pre ;
	}
}

/*--------------------------------------------------------------
スマートフォン、タブレット改行
--------------------------------------------------------------*/
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.sp-tab-br:before {
		content: "\A" ;
		white-space: pre ;
	}
}
@media (max-width: 480px) {
	.sp-tab-br:before {
		content: "\A" ;
		white-space: pre ;
	}
}

/*--------------------------------------------------------------
スマートフォンのみ表示
--------------------------------------------------------------*/
.sp-only-display {
	display:none!important;
}
@media (max-width: 480px) {
	.sp-only-display {
		display:inline!important;
	}
}

/*--------------------------------------------------------------
スマートフォンのみ非表示
--------------------------------------------------------------*/
@media (max-width: 480px) {
	.sp-none {
		display:none!important;
	}
}

/*--------------------------------------------------------------
スマートフォン、タブレット非表示
--------------------------------------------------------------*/
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.sp-tab-none{
		display:none!important;
	}
}
@media (max-width: 480px) {
	.sp-tab-none{
		display:none!important;
	}
}

/*--------------------------------------------------------------
スマートフォン、タブレット非表示
--------------------------------------------------------------*/
.ver_al_top{
	vertical-align: top!important;
}

/*--------------------------------------------------------------
スマートフォンのみ空白を開ける
--------------------------------------------------------------*/
@media (max-width: 480px) {
	.sp_margin_top {
		margin-top:10px!important;
	}
}


/*--------------------------------------------------------------
画像イメージホバー
--------------------------------------------------------------*/
.imghover a:hover {
    /* 透明度を20%に指定 */
    opacity: 0.8;
}

/*--------------------------------------------------------------
ボタン横並び処理
--------------------------------------------------------------*/
.btn_row {
	margin-left:10px;

}
@media (max-width: 480px) {
	.btn_row {
		margin:10px 1px 0px 0px;
	}
}


.btn_row2 {
	margin-left:20px;

}
@media (max-width: 480px) {
	.btn_row2 {
		margin:10px 0px 0px 0px;
	}
}