@charset "utf-8";


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

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

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




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

/* 1-1 文字の大きさ 
------------------------------------------------------------- */ 

.f08 {font-size:8px!important;}
.f09 {font-size:9px!important;}
.f10 {font-size:10px!important;}
.f11 {font-size:11px!important;}
.f12 {font-size:12px!important;}
.f13 {font-size:13px!important;}
.f14 {font-size:14px!important;}
.f15 {font-size:15px!important;}
.f16 {font-size:16px!important;}
.f17 {font-size:17px!important;}
.f18 {font-size:18px!important;}
.f20 {font-size:20px!important;}


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

.vat { vertical-align:top!important;}
.vam { vertical-align:middle!important;}
.vab { vertical-align:bottom!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. 文字の色
------------------------------------------------------------- */

.black {color: #333!important;}

.red {color: #FF0000!important;}
.red_b {
	color:#FF0000!important;
	font-weight:bold!important;
}

.gold {color: #CC9900!important;}



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

.blue {color:#0066FF!important;}
.blue_b {color:#0066FF!important;font-weight:bold!important;}

.blue02 {color:#0099FF!important;}
.blue02_b {color:#0099FF!important;font-weight:bold!important;}

.green {color:#66CC00!important;}
.green_b {color:#66CC00;font-weight:bold!important;}


.gray {color:#999999!important;}
.gray_b {color:#999999;font-weight:bold!important;}

.gray02 {color:#666!important;}
.gray02_b {color:#666!important;font-weight:bold!important;}

/* 1-5. 背景色
------------------------------------------------------------- */
.bg_yellow {
	background-color: #FFFFCC;
}
.bg_blue {
	background-color: #D5F0FD;
}


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

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

em { font-style:normal;}

strong {
	font-weight:bold;
}


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



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


/* 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. フォーム関連 
--------------------------------------------------------------*/

/* 新着情報　アイコン
------------------------------------------------------------- */ 
.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;
}
/*.notes {
	padding:0.2em;
	margin:0em;
	color:#CC0000;
	font-size: 0.8em;
	font-weight: normal;
}
.new {
	background-color:#C60000;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	color:#FFFFFF;
	font-size:0.7em;
	letter-spacing:0.1em;
	margin-right:10px;
	padding:0.1em 0.4em;
	text-align:center;
	white-space:nowrap;
	width:4em;
}*/

/* 2 必須項目文字
------------------------------------------------------------- */ 
/*
.notes {
color:#CC0000;
font-size:8px;
font-weight:normal;
margin:0;
padding:0.2em;
}*/
.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 0;
	vertical-align: middle;
}
.no
/* 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:#FFFCF5;
}
input:hover   {
	background-color:#FFFCF5;
}
textarea:focus   { background-color:#FFFCF5;}
textarea:hover   { background-color:#FFFCF5;}
*/


/* 5 エラーメッセージ
------------------------------------------------------------- */ 
/* flash-messages */
.message {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-align:left;
  margin: 0 auto 15px;
}
.message p {margin:8px;}

/* 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;  
	-moz-border-radius: 4px;
	-webkit-border-radius: 3px;
	cursor:pointer;
	vertical-align:middle;
  	padding: 3px 10px;
	color: #36393d;
	letter-spacing:0.2em;
}
.button:hover {
  border: 1px solid #666;
}
.button_gray:hover{background-color:#bebebe;}
.button_gray:active {color: #444;}


/* 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;   
	-moz-border-radius: 4px;
	-webkit-border-radius: 3px;
	cursor:pointer;
	vertical-align:middle;
  	padding: 3px 10px;
	color: #fff;
	letter-spacing:0.2em;
}
.button_red:hover{color: #fff;background-color:#E30000;}
.button_red:active {color: #fff;}


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


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


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

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

.grayline02 { 
	display:block; 
	height:1px; 
	background-color:#777; 
	clear:both;
}
.grayline02_2px { 
	display:block; 
	height:2px; 
	background-color:#777; 
	clear:both;
}

/* 2 redline
----------------------------- */ 
.redline { 
	display:block; 
	height:1px; 
	background-color:#CC0000; 
	clear:both;
}

/* 2 goldline
----------------------------- */ 
.goldline { 
	display:block; 
	height:1px; 
	background-color:#CC9900; 
	clear:both;
}

.goldline2px { 
	display:block; 
	height:2px; 
	background-color:#CC9900; 
	clear:both;
}


/* 2 blackline
----------------------------- */ 

.blackline { 
	display:block; 
	height:1px; 
	background-color:#474747; 
	clear:both;
}

.blackline2px { 
	display:block; 
	height:2px; 
	background-color:#474747; 
	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 17px!important;
	margin: 0;
	font-size:10px;
}

.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_03.gif) 6px 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 簡易設定
--------------------------------------------------------------*/

/* 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; }

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


.mtb5 { margin-top:5px!important;margin-bottom:5px!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; }
.mt15 { margin-top:15px!important; }
.mt20 { margin-top:20px!important; }
.mt30 { margin-top:30px!important; }
.mt40 { margin-top:40px!important; }

.mr0 {margin-right:0!important;}
.mr10 {margin-right:10px!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; }
.mb50 { margin-bottom:50px!important; }
.mb60 { margin-bottom:60px!important; }
.mb70 { margin-bottom:70px!important; }
.mb80 { margin-bottom:80px!important; }
.mb90 { margin-bottom:90px!important; }
.mb100 { margin-bottom:100px!important; }
.mb110 { margin-bottom:110px!important; }
.mb120 { margin-bottom:120px!important; }

.ml0 { margin-left:0px!important; }
.ml5 { margin-left:5px!important; }
.ml10 { margin-left:10px!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;}
.w20m { width:20em!important;}
.w25m { width:25em!important;}
.w30m { width:30em!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;}
.w150 { width:150px!important;}
.w190 { width:190px!important;}
.w200 { width:200px!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;}
.w350 { width:350px!important;}
.w400 { width:400px!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;*/
   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:0 22px 0 4px;*/
   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:12px;
	line-height:1.5;
} 
.txt14_01{
	margin:0 0 5px 0;
	font-size:14px;
	line-height:1.5;
} 



/*--------------------------------------------------------------
 4. clearfix
--------------------------------------------------------------*/

/* float */
.clearfix:after{
content:".";
display:block;
/*height:0;*/
clear:both;
visibility:hidden;
height: 0.1px; 
font-size: 0.1em; 
line-height: 0; 
}
.clearfix{
display:inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix{
height:1%;
}
.clearfix{
display:block;
}
/* End hide from IE-mac */

@media print{*>/**/.clearfix{overflow:visible !important;}}