/*** *****　　AYUMI'S WEB CSS共用ファイル　　***** ***/
/*** *****      created by CHU 20080727      ***** ***/

/***          ***/
/***  初期化  ***/
/***          ***/

html { 
    filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 12px;
	}
	
p {
	margin: 0px;
	padding: 0px;
	line-height: 150%;
	}
	
div {
	margin: 0px;
	padding: 0px;
	}
	
img {
	border: 0;
	margin: 0px;
	padding: 0px;
	}

.anchor {
	margin: 0px;
	padding: 0px;
	}
	
ul, ol, li {
	margin: 0px;
	padding: 0px;
	}
	
dl, dt, dd {
	margin: 0px;
	padding: 0px;
	}
	
form, input, textarea, select {
	margin: 0px;
	padding: 0px;
	}

input, textarea, select {
	font-size: inherit;
	}



/***          ***/
/*** 文字装飾 ***/
/***          ***/

.white {
	color: #FFFFFF;
	}
	
.black {
	color: #000000;
	}
	
.red {
	color: #FF0000;
	}
	
.pink {
	color: #FF33CC;
	}
	
.orange {
	color: #FF6600;
	}
	
.yellow {
	color: #FFFF00;
	}

.green {
	color: #00FF00;
	}

.blue {
 	color: #1204C5;
	}
	
.gray3 {
	color: #333333;
	}
	
.gray6 {
	color: #666666;
	}
	
.gray9 {
	color: #999999;
	}
	
.grayC {
	color: #CCCCCC;
	}
		
.f8 {
	font-size: 8px;
	}
	
.f10 {
	font-size: 10px;
	}
	
.f12 {
	font-size: 12px;
	}
	
.f14 {
	font-size: 14px;
	}
	
.f16 {
	font-size: 16px;
	}
	
.f18 {
	font-size: 18px;
	}

.f20 {
	font-size: 20px;
	}
	
.f24 {
	font-size: 24px;
	}
	
.f26 {
	font-size: 26px;
	}
	
.f30 {
	font-size: 30px;
	}
	
.f36 {
	font-size: 36px;
	}
	
.bold {
	font-weight: bold;
	}
	
.nobold {
	font-weight: normal;
	}
	
.italic {
	font-style: italic;
	}
	
.oline {
	text-decoration: overline;
	}
	
.mline {
	text-decoration: line-through;
	}
	
.uline {
	text-decoration: underline;
	}
	
.fontf {
	font-family: "HGP創英角ｺﾞｼｯｸUB", "HGP創英角ﾎﾟｯﾌﾟ体";
	} 
	
.gothic {
	font-family: "HGP創英角ｺﾞｼｯｸUB";
	}
	
.pop {
	font-family: "HGP創英角ﾎﾟｯﾌﾟ体";
	}
	
.lh120 {
	line-height: 120%;
	}
	
.lh130 {
	line-height: 130%;
	}
	
.lh150 {
	line-height: 150%;
	}
	
.lh175 {
	line-height: 175%;
	}
	
.lh200 {
	line-height: 200%;
	}
	
.lh500 {
	line-height: 500%;
	}

.bg-yellow {
	background-color: #FFFF00;
	}

.bg-yellow2 { 
	background-color: #ffff99;
	}

.bg-purple {
	background-color: #FF0099;
	}
	
.bg-red {
	background-color: #FF0000;
	}

.bg-red2 { 
	background-color: #ff9999;
	}
	
.ls0 {
	letter-spacing: 0px;
	}
	
.ls1 {
	letter-spacing: 1px;
	}




/***          　***/
/*** レイアウト ***/
/***          　***/

.left {
	float: left;
	}
	
.right {
	float: right;
	}

.tright {
	text-align: right;
	}
	
.tcenter {
	text-align: center;
	}
	
.tleft {
	text-align: left;
	}
	
.img-left {
	float: left;
	margin-right: 10px;
	}

.img-right {
	float: right;
	margin-left: 10px;
	}

.w100 {
	width: 100px;
	}
	
.w150 {
	width: 150px;
	}
	
.w200 {
	width: 200px;
	}
	
.w250 {
	width: 250px;
	}

.w300 {
 	width: 300px;
	}
	
.w350 {
	width: 350px;
	}

.w400 {
	width: 400px;
	}
	
.w450 {
	width: 450px;
	}
	
.w500 {
	width: 500px;
	}
	
.w550 {
	width: 550px;
	}
	
.w600 {
	width: 600px;
	}
	
.w650 {
	width: 650px;
	}

/***          ***/
/*** マージン ***/
/***          ***/

.nomargin {
	margin: 0px;
	}

.mt-15 {
	margin-top: -15px;
	}
	
.mt-10 {
	margin-top: -10px;
	}
	
.mt-5 {
	margin-top: -5px;
	}
	
.mt0 {
	margin-top: 0px;
	}
	
.mt1 {
	margin-top: 1px;
	}
	
.mt5 {
	margin-top: 5px;
	}	
	
.mt10 {
	margin-top: 10px;
	}

.mt15 {
	margin-top: 15px;
	}

.mt20 {
	margin-top: 20px;
	}

.mt25 {
	margin-top: 25px;
	}

.mt30 {
	margin-top: 30px;
	}
	
.mt40 {
	margin-top: 40px;
	}

.mt50 {
	margin-top: 50px;
	}
	
.mr-15 {
	margin-right: -15px;
	}
	
.mr-10 {
	margin-right: -10px;
	}
	
.mr-5 {
	margin-right: -5px;
	}
	
.mr0 {
	margin-right: 0px;
	}
	
.mr1 {
	margin-right: 1px;
	}
	
.mr5 {
	margin-right: 5px;
	}	
	
.mr10 {
	margin-right: 10px;
	}

.mr15 {
	margin-right: 15px;
	}

.mr20 {
	margin-right: 20px;
	}

.mr25 {
	margin-right: 25px;
	}

.mr30 {
	margin-right: 30px;
	}
	
.mr40 {
	margin-right: 40px;
	}

.mr50 {
	margin-right: 50px;
	}

.mb-15 {
	margin-bottom: -15px;
	}
	
.mb-10 {
	margin-bottom: -10px;
	}
	
.mb-5 {
	margin-bottom: -5px;
	}
	
.mb0 {
	margin-bottom: 0px;
	}

.mb1 {
	margin-bottom: 1px;
	}
	
.mb5 {
	margin-bottom: 5px;
	}	
	
.mb10 {
	margin-bottom: 10px;
	}

.mb15 {
	margin-bottom: 15px;
	}

.mb20 {
	margin-bottom: 20px;
	}

.mb25 {
	margin-bottom: 25px;
	}

.mb30 {
	margin-bottom: 30px;
	}
	
.mb40 {
	margin-bottom: 40px;
	}

.mb50 {
	margin-bottom: 50px;
	}

.ml-15 {
	margin-left: -15px;
	}
	
.ml-10 {
	margin-left: -10px;
	}
	
.ml-5 {
	margin-left: -5px;
	}
	
.ml0 {
	margin-left: 0px;
	}
	
.ml1 {
	margin-left: 1px;
	}
	
.ml5 {
	margin-left: 5px;
	}	
	
.ml10 {
	margin-left: 10px;
	}

.ml15 {
	margin-left: 15px;
	}

.ml20 {
	margin-left: 20px;
	}

.ml25 {
	margin-left: 25px;
	}

.ml30 {
	margin-left: 30px;
	}

.ml40 {
	margin-left: 40px;
	}

.ml50 {
	margin-left: 50px;
	}


		
/***        　***/
/*** ボックス ***/
/***        　***/

.box-red {
	margin: 15px 0px 15px 0px;
	padding: 10px;
	background-color: #FFF5F5;
	border: 2px solid #FF9999;
	}

.box-blue {
	margin: 15px 0px 15px 0px;
	padding: 10px;
	background-color: #EEFAFF;
	border: 2px solid #99CCFF;
	}
	
.box-blue2 {
	margin: 15px 0px 15px 0px;
	padding: 10px;
	background-color: #F0F8FF;
	border: 2px solid #0000FF;
	}
	
.box-orange {
	margin: 15px 0px 15px 0px;
	padding: 10px;
	background-color: #FFFFCC;
	border: 2px solid #FF9900;
	}
	
.box-yellow {
	margin: 15px 0px 15px 0px;
	padding: 10px;
	background-color: #FFFFEE;
	border: 2px solid #FFCC99;
	}

.box-green {
	margin: 15px 0px 15px 0px;
	padding: 10px;
	background-color: #EFFFEF;
	border: 2px solid #99FF99;
	}

.box-pink {
	margin: 15px 0px 15px 0px;
	padding: 10px;
	background-color: #FFF9FF;
	border: 2px solid #FFCCFF;
	}

.box-gray {
	margin: 15px 0;
	padding: 10px;
	background-color: #fff;
	border: 2px solid #e3e3e3;
	}



/***        ***/
/*** その他 ***/
/***        ***/

.clear {
	clear: both;
	}

.bc {
	border-collapse: collapse;
	}

.clearfix:after{
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.clearfix{
	overflow: hidden;
	}

* html .clearfix{
	height: 1%;
	overflow: visible;
	}