/************************
    YUI デフォルト
*************************/
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
p,fieldset,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}


/************************
    リスト レイアウト
*************************/

/* マーカーなし */
ul.nlm,
ol.nlm {
	padding			:0;
	margin-left		:0;
	margin-right	:0;
}
ul.nlm li,
ol.nlm li {
	padding			:0;
	margin			:0;
	list-style		:none;
}

/* 横並び */
ul.il,
ol.il {
	padding			:0;
	margin-left		:0;
	margin-right	:0;
	list-style		:none;
}
ul.il li,
ol.il li {
	padding			:0;
	margin			:0 10px 0 0;
	display			:inline;
}


/************************
    テーブル
*************************/
table.tbl  {
	margin :0 0 10px 0 !important;
	width :100%;
    color: #333;
    border: 1px solid #CCCCCC;
    border-collapse: separate;
    border-spacing: 1px;
}
table.tbl thead th {
	background-color:#BBB;
    font-weight: bold;
    text-align: center;
}
table.tbl th {
    padding: 5px;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    background-color: #E1E2E6;
}
table.tbl td {
    padding: 5px;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    background-color: #EFF2F3;
}
table.tbl th.stripe {
    background-color: #F3F4F8 !important;
}
table.tbl td.stripe {
    background-color: #FFF !important;
}


/************************
    フォーム
*************************/
label {font-weight:bold; display: block;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {padding:5px;}


/************************
    ボタン風リンク
*************************/

/* リスト版 */
ul.btn {
	clear			:both;
	list-style		:none;
	text-align		:center;
	margin			:0 0 10px 0;
	padding			:0;
}
ul.btn li {
	margin			:0;
	padding			:0;
	list-style-type :none;
}
.btn a {
	margin			:0 auto;
    padding         :5px 0;
	text-decoration	:none;
	display			:block;
	font-weight		:bold;
	border			:1px #bbb solid;
	background-color:#f8f8f8;
}
.btn a:hover {
	border-color	:#999;
	background-color:#eee;
}

/* div版 */
div.btn {
	text-align		:center;
	margin			:0 0 10px 0;
	padding			:0;
}


/************************
    囲い文字 コメント
*************************/
.cmt,
.cmt-r,
.cmt-y,
.cmt-g {
    padding: 15px;
    margin-bottom:1em;
    border:2px solid #ddd;
}
.cmt {
	background-color:#f8f8f8;
}
.cmt-r {
    background:#FBE3E4;
    color:#8a1f11;
    border-color:#FBC2C4;
}
.cmt-y {
    background:#FFF6BF;
    color:#514721;
    border-color:#FFD324;
}
.cmt-g {
    background:#E6EFC2;
    color:#264409;
    border-color:#C6D880;
}
.cmt-r a {
    color:#8a1f11;
}
.cmt-y a {
    color:#514721;
}
.cmt-g a {
    color:#264409;
}


/************************
    ショートカット
*************************/

/* clear, hidden */
.nd{display			:none;}
.hd{visibility		:hidden;}
.hl{position		:absolute;
	left			:-9000px;}
.div,
.clear{
	clear			:both;}
.nc{
	clear			:none !important;}
hr.div,br.div{
	clear			:both;
	visibility		:hidden;
	margin			:0;
	padding			:0;}


/* 左・中央・右寄せ */
.ali-l {
    text-align: left !important;
}
.ali-c {
    text-align: center !important;
}
.ali-r {
    text-align: right !important;
}


/* フォントサイズ */
.fb     { font-weight: bold !important; }}
.fs80p  { font-size: 80% !important; }
.fs85p  { font-size: 85% !important; }
.fs90p  { font-size: 90% !important; }
.fs95p  { font-size: 95% !important; }
.fs100p { font-size: 100% !important; }
.fs105p { font-size: 105% !important; }
.fs110p { font-size: 110% !important; }
.fs115p { font-size: 115% !important; }
.fs120p { font-size: 120% !important; }
.fs125p { font-size: 125% !important; }
.fs130p { font-size: 130% !important; }
.fs130p { font-size: 130% !important; }
.fs135p { font-size: 135% !important; }
.fs140p { font-size: 140% !important; }
.fs145p { font-size: 145% !important; }
.fs150p { font-size: 150% !important; }


/* フォントカラー */
.fc-r  { color: #FF0033 !important; }
.fc-y  { color: #FF9900 !important; }
.fc-g  { color: #666666 !important; }

/* width short cuts */
.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;}
.w310{	width	:310px !important;}
.w320{	width	:320px !important;}
.w330{	width	:330px !important;}
.w340{	width	:340px !important;}
.w350{	width	:350px !important;}
.w360{	width	:360px !important;}
.w370{	width	:370px !important;}
.w380{	width	:380px !important;}
.w390{	width	:390px !important;}
.w400{	width	:400px !important;}

.w10p{	width	:10% !important;}
.w20p{	width	:20% !important;}
.w25p{	width	:25% !important;}
.w30p{	width	:30% !important;}
.w33p{	width	:33% !important;}
.w40p{	width	:40% !important;}
.w50p{	width	:50% !important;}
.w60p{	width	:60% !important;}
.w70p{	width	:70% !important;}
.w75p{	width	:75% !important;}
.w80p{	width	:80% !important;}
.w90p{	width	:90% !important;}
.w100p{	width	:100% !important;}

/* height short cuts */

.h10{	height	:10px !important;}
.h20{	height	:20px !important;}
.h30{	height	:30px !important;}
.h40{	height	:40px !important;}
.h50{	height	:50px !important;}
.h60{	height	:60px !important;}
.h70{	height	:70px !important;}
.h80{	height	:80px !important;}
.h90{	height	:90px !important;}
.h100{	height	:100px !important;}
.h110{	height	:110px !important;}
.h120{	height	:120px !important;}
.h130{	height	:130px !important;}
.h140{	height	:140px !important;}
.h150{	height	:150px !important;}
.h160{	height	:160px !important;}
.h170{	height	:170px !important;}
.h180{	height	:180px !important;}
.h190{	height	:190px !important;}
.h200{	height	:200px !important;}

.h10p{	height	:10% !important;}
.h20p{	height	:20% !important;}
.h25p{	height	:25% !important;}
.h30p{	height	:30% !important;}
.h33p{	height	:33% !important;}
.h40p{	height	:40% !important;}
.h50p{	height	:50% !important;}
.h60p{	height	:60% !important;}
.h70p{	height	:70% !important;}
.h75p{	height	:75% !important;}
.h80p{	height	:80% !important;}
.h90p{	height	:90% !important;}
.h100p{	height	:100% !important;}

/* line-height short cuts */

.lh100{	line-height	:100% !important;}
.lh150{	line-height	:150% !important;}
.lh200{	line-height	:200% !important;}

/* margin, padding リセット */

.m0{	margin		:0 !important;}
.m0a{	margin		:0 auto !important;}
.p0{	padding		:0 !important;}
.mp0{	margin		:0 !important;
		padding		:0 !important;}

/* margin-bottom */
.mb10{	margin-bottom	:10px !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;}
.mb130{	margin-bottom	:130px !important;}
.mb140{	margin-bottom	:140px !important;}
.mb150{	margin-bottom	:150px !important;}
.mb160{	margin-bottom	:160px !important;}
.mb170{	margin-bottom	:170px !important;}
.mb180{	margin-bottom	:180px !important;}
.mb190{	margin-bottom	:190px !important;}
.mb200{	margin-bottom	:200px !important;}

.mb10p{	margin-bottom	:10% !important;}
.mb20p{	margin-bottom	:20% !important;}
.mb25p{	margin-bottom	:25% !important;}
.mb30p{	margin-bottom	:30% !important;}
.mb33p{	margin-bottom	:33% !important;}
.mb40p{	margin-bottom	:40% !important;}
.mb50p{	margin-bottom	:50% !important;}
.mb60p{	margin-bottom	:60% !important;}
.mb70p{	margin-bottom	:70% !important;}
.mb75p{	margin-bottom	:75% !important;}
.mb80p{	margin-bottom	:80% !important;}
.mb90p{	margin-bottom	:90% !important;}
.mb100p{	margin-bottom	:100% !important;}


/* check border*/

.bd{	border		:1px red solid !important;}
.bdb{	border		:1px blue solid !important;}
body.bd div{border	:1px red solid !important;}