﻿@charset "UTF-8";
/*
 * cmn_style.css
 *
 *  version --- 3.4
 *  updated --- 2011/09/06
 *  function --- Zen-Coding Like Name for Fastest Coder
 */


/* !Base Fonts -------------------------------------------------------------- */
a {
	color: #ff8000;
	text-decoration: underline;
}
a:visited {}
a:hover,
a:active,
a:focus { text-decoration: none;}

.fwN { font-weight: normal;}
.fwB { font-weight: bold;}
.fzSS  { font-size:  78%;}/* base 12px ->  8px */
.fzS   { font-size:  85%;}/* base 12px -> 10px */
.fzM   { font-size: 100%;}
.fzL   { font-size: 115%;}/* base 12px -> 14px */
.fzLL  { font-size: 130%;}/* base 12px -> 16px */
.fzLLL { font-size: 143%;}/* base 12px -> 18px */
sup   { font-size: 78%; vertical-align: top;}
sub   { font-size: 78%; vertical-align: baseline;}

/* !Inline Align ------------------------------------------------------------ */
.taL { text-align: left   !important;}
.taC { text-align: center !important;}
.taR { text-align: right  !important;}
.vaT { vertical-align: top    !important;}
.vaM { vertical-align: middle !important;}
.vaB { vertical-align: bottom !important;}
.blockC {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
* html .blockC { margin-right: 0; margin-left: 0;}
.blockR { margin-left: auto; text-align: left;}
* html .blockR { margin-left: 0;}

/* !Width ------------------------------------------------------------------- */
/* 960px Grid */
.w960   { width: 960px !important;}
.w800	{ width: 800px !important;}
.w640	{ width: 640px !important;}
.w480	{ width: 480px !important;}
.w465	{ width: 465px !important;}
.w455	{ width: 455px !important;}
.w365	{ width: 365px !important;}
.w320	{ width: 320px !important;}
.w275	{ width: 275px !important;}
.w260	{ width: 260px !important;}
.w220	{ width: 220px !important;}
.w200	{ width: 200px !important;}
.w160	{ width: 160px !important;}
.w150	{ width: 150px !important;}
.w130	{ width: 130px !important;}
.w85	{ width: 85px  !important;}
.w60	{ width: 60px  !important;}
.w30	{ width: 30px  !important;}

.wHalf  { width: 49%;}
.wTri   { width: 33%;}
.wQuart { width: 24%;}
.wFull  { width: 99.9% !important;}
.wMax   { width: 100% !important;}

.w03per { width: 3%  !important;}
.w05per { width: 5%  !important;}
.w08per { width: 8%  !important;}
.w10per { width: 10% !important;}
.w12per { width: 12% !important;}
.w13per { width: 13% !important;}
.w15per { width: 15% !important;}
.w18per { width: 18% !important;}
.w20per { width: 20% !important;}
.w23per { width: 23% !important;}
.w25per { width: 25% !important;}
.w28per { width: 28% !important;}
.w30per { width: 30% !important;}
.w35per { width: 35% !important;}
.w38per { width: 38% !important;}
.w40per { width: 40% !important;}
.w45per { width: 45% !important;}
.w50per { width: 50% !important;}
.w55per { width: 55% !important;}
.w60per { width: 60% !important;}
.w65per { width: 65% !important;}
.w70per { width: 70% !important;}
.w75per { width: 75% !important;}
.w80per { width: 80% !important;}
.w85per { width: 85% !important;}

/* !Floats ------------------------------------------------------------------ */
.flL    { display: inline; float: left;}
.flR    { display: inline; float: right;}
.flImgL { display: inline; float: left; margin-right: 10px;}
.flImgR { display: inline; float: right; margin-left: 10px;}
.ftBox  { overflow: hidden; *zoom: 1;}

/* !Tools ------------------------------------------------------------------- */
.clear { clear: both;}
.block { display: block;}
.hide  { display: none;}
.bgN   { background: none !important;}
.tdU   { text-decoration: underline;}
.tdN   { text-decoration: none;}
.noLineT { border-top   : none !important;}
.noLineR { border-right : none !important;}
.noLineB { border-bottom: none !important;}
.noLineL { border-left  : none !important;}
.noWrap { white-space:nowrap !important;}
.atode { border: 2px solid #96c; padding: 10px; text-align: center; background-color: #f9f; font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size: 30px; color: #fff;}

/* !JavaScript -------------------------------------------------------------- */
.over { /* ロールオーバー呼び出し用 */ }
.png  { /* DD_belatedPNG.js呼び出し用 */ }
.js_popup_width_height  {}
.js_page_print   {}
.js_window_close {}

/* !Margin ------------------------------------------------------------------ */
.mt00 { margin-top: 0   !important;}
.mt01 { margin-top: 1px !important;}
.mt05 { margin-top: 5px !important;}
.mt08 { margin-top: 8px !important;}
.mt10 { margin-top:10px !important;}
.mt12 { margin-top:12px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mr00 { margin-right: 0   !important;}
.mr01 { margin-right: 1px !important;}
.mr02 { margin-right: 2px !important;}
.mr05 { margin-right: 5px !important;}
.mr08 { margin-right: 8px !important;}
.mr10 { margin-right:10px !important;}
.mr12 { margin-right:12px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}
.mb00 { margin-bottom: 0   !important;}
.mb02 { margin-bottom: 2px !important;}
.mb05 { margin-bottom: 5px !important;}
.mb08 { margin-bottom: 8px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.ml00 { margin-left: 0   !important;}
.ml05 { margin-left: 5px !important;}
.ml08 { margin-left: 5px !important;}
.ml10 { margin-left:10px !important;}
.ml12 { margin-left:12px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}
.ml60 { margin-left:60px !important;}
.ml70 { margin-left:70px !important;}
.ml80 { margin-left:80px !important;}
.ml90 { margin-left:90px !important;}
.ml100 { margin-left:100px !important;}
.ml120 { margin-left:120px !important;}
.ml125 { margin-left:125px !important;}
.ml150 { margin-left:150px !important;}
.ml155 { margin-left:155px !important;}
.ml165 { margin-left:165px !important;}
.ml180 { margin-left:180px !important;}
.ml200 { margin-left:200px !important;}
.ml220 { margin-left:220px !important;}
.ml250 { margin-left:250px !important;}
.ml270 { margin-left:270px !important;}
.ml290 { margin-left:290px !important;}

/* !Padding  ---------------------------------------------------------------- */
.pt00 { padding-top: 0   !important;}
.pt02 { padding-top: 2px !important;}
.pt03 { padding-top: 3px !important;}
.pt05 { padding-top: 5px !important;}
.pt07 { padding-top: 7px !important;}
.pt08 { padding-top: 8px !important;}
.pt10 { padding-top:10px !important;}
.pt12 { padding-top:12px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt35 { padding-top:35px !important;}
.pt40 { padding-top:40px !important;}
.pt45 { padding-top:45px !important;}
.pt50 { padding-top:50px !important;}
.pt55 { padding-top:55px !important;}
.pt75 { padding-top:75px !important;}
.pr00 { padding-right: 0   !important;}
.pr05 { padding-right: 5px !important;}
.pr10 { padding-right:10px !important;}
.pr12 { padding-right:12px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;}
.pr35 { padding-right:35px !important;}
.pr40 { padding-right:40px !important;}
.pr45 { padding-right:45px !important;}
.pr50 { padding-right:50px !important;}
.pb00 { padding-bottom: 0   !important;}
.pb05 { padding-bottom: 5px !important;}
.pb08 { padding-bottom: 8px !important;}
.pb10 { padding-bottom:10px !important;}
.pb12 { padding-bottom:12px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb35 { padding-bottom:35px !important;}
.pb40 { padding-bottom:40px !important;}
.pb45 { padding-bottom:45px !important;}
.pb50 { padding-bottom:50px !important;}
.pb80 { padding-bottom:80px !important;}
.pl00 { padding-left: 0   !important;}
.pl05 { padding-left: 5px !important;}
.pl08 { padding-left: 8px !important;}
.pl09 { padding-left: 9px !important;}
.pl10 { padding-left:10px !important;}
.pl12 { padding-left:12px !important;}
.pl15 { padding-left:15px !important;}
.pl17 { padding-left:17px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl35 { padding-left:35px !important;}
.pl40 { padding-left:40px !important;}
.pl45 { padding-left:45px !important;}
.pl50 { padding-left:50px !important;}
.pl60 { padding-left:60px !important;}
.p00 { padding :0 !important;}
.p01 { padding :1px !important;}
.p02 { padding :2px !important;}
.p03 { padding :3px !important;}
.p04 { padding :4px !important;}
.p05 { padding :5px !important;}
.p06 { padding :6px !important;}
.p07 { padding :7px !important;}
.p08 { padding :8px !important;}
.p09 { padding :9px !important;}
.p10 { padding :10px !important;}
.p11 { padding :11px !important;}
.p12 { padding :12px !important;}
.p13 { padding :13px !important;}
.p14 { padding :14px !important;}
.p15 { padding :15px !important;}
.p16 { padding :16px !important;}
.p17 { padding :17px !important;}
.p18 { padding :18px !important;}
.p19 { padding :19px !important;}
.p20 { padding :20px !important;}

/* !Listing
---------------------------------------------------------- */
.ul_basic {
}
	.ul_basic li {
	}

.ol_basic {
}
	.ol_basic li {
	}

.dl_basic {
}
	.dl_basic dt {
	}
	.dl_basic dd {
	}
.dl_1em,
.dl_1em02,
.dl_2em,
.dl_3em,
.dl_4em,
.dl_5em,
.dl_6em,
.dl_7em,
.dl_8em,
.dl_9em
 {}
.dl_1em dl,
.dl_1em02 dl,
.dl_2em dl,
.dl_3em dl,
.dl_4em dl,
.dl_5em dl,
.dl_6em dl,
.dl_7em dl,
.dl_8em dl,
.dl_9em dl
 {
	 overflow: hidden;
	 *zoom: 1;
}
	.dl_1em dt,
	.dl_1em02 dt,
	.dl_2em dt,
	.dl_3em dt,
	.dl_4em dt,
	.dl_5em dt,
	.dl_6em dt,
	.dl_7em dt,
	.dl_8em dt,
	.dl_9em dt {
		clear: both;
		float: left;
		margin: 0;
		padding: 0;
		width: auto;
	}
	.dl_1em dt,
	dl .dl_1em dt { width: 1em;}
	.dl_1em02 dt,
	dl .dl_1em02 dt { width: 1em;}
	.dl_2em dt,
	dl .dl_2em dt { width: 2em;}
	.dl_3em dt,
	dl .dl_3em dt { width: 3em;}
	.dl_4em dt,
	dl .dl_4em dt { width: 4em;}
	.dl_5em dt,
	dl .dl_5em dt { width: 5em;}
	.dl_6em dt,
	dl .dl_6em dt { width: 6em;}
	.dl_7em dt,
	dl .dl_7em dt { width: 7em;}
	.dl_8em dt,
	dl .dl_8em dt { width: 8em;}
	.dl_9em dt,
	dl .dl_9em dt { width: 9em;}
	.dl_1em dd,
	.dl_2em dd,
	.dl_3em dd,
	.dl_4em dd,
	.dl_5em dd,
	.dl_6em dd,
	.dl_7em dd,
	.dl_8em dd,
	.dl_9em dd {
	}
	.dl_1em dd,
	dl .dl_1em dd { padding: 0 0 5px 1.5em;}
	.dl_1em02 dd,
	dl .dl_1em02 dd { padding: 0 0 0 1.5em;}
	.dl_2em dd,
	dl .dl_2em dd { padding: 0 0 5px 2.5em;}
	.dl_3em dd,
	dl .dl_3em dd { padding: 0 0 5px 3.5em;}
	.dl_4em dd,
	dl .dl_4em dd { padding: 0 0 5px 4.5em;}
	.dl_5em dd,
	dl .dl_5em dd { padding: 0 0 5px 5.5em;}
	.dl_6em dd,
	dl .dl_6em dd { padding: 0 0 5px 6.5em;}
	.dl_7em dd,
	dl .dl_7em dd { padding: 0 0 5px 7.5em;}
	.dl_8em dd,
	dl .dl_8em dd { padding: 0 0 5px 8.5em;}
	.dl_9em dd,
	dl .dl_9em dd { padding: 0 0 5px 9.5em;}
		.dl_1em dd p,
		.dl_2em dd p,
		.dl_3em dd p,
		.dl_4em dd p,
		.dl_5em dd p,
		.dl_6em dd p,
		.dl_7em dd p,
		.dl_8em dd p,
		.dl_9em dd p { *zoom: 1;}

/* !color
---------------------------------------------------------- */
.cYellow { color: #ff0; }
.cRed { color: #f00; }

/* !display
---------------------------------------------------------- */
.sp { display: none; }
.pc { display: block; }
.sp_inl { display: none; }
.pc_inl { display: inline; }
.sp_table { display: none; }
.pc_table { display: table; }

@media only screen and (max-width: 640px) {
	.sp { display: block; }
	.pc { display: none; }
	.sp_inl { display: inline; }
	.pc_inl { display: none; }
	.sp_table { display: table; }
	.pc_table { display: none; }
}

