@charset "utf-8";


/* ----------------------------------------
  Default Reset   common Style Seet

	1-1.ブラウザ初期設定リセット
	1-2.配置
	1-3.マージン
	1-4.文字の大きさ
	1-5.行間
	1-6.文字装飾
	1-7.文字の色
	1-8.ボーダー
	1-9.テーブル
	1-10.引用
	1-11.クリアフィックス
---------------------------------------- */


/* ----------------------------------------
  1-1.ブラウザ初期設定リセット
---------------------------------------- */

*{
	margin:0;
	padding:0;
	font-style:normal;
	line-height:160%;
	letter-spacing:1px;
}

html {overflow-y:scroll;}

p {margin:0;}

ul , li{list-style-type:none;}

img{
	border:0;
	vertical-align:bottom;
}

textarea{font-size:100%;}

form, fieldset, input, button{
	margin:0;
	padding:0;
	font-size:100%;
}

/* ----------------------------------------
  1-2.配置
---------------------------------------- */

.left{float:left;display:inline;}
.right{float:right;display:inline;}
.clear{clear:both;}
.clearleft{clear:left;}
.clearright{clear:right;}

.alignleft{text-align:left;}
.aligncenter{text-align:center;}
.alignright{text-align:right;}


/* ----------------------------------------
  1-3.横幅
---------------------------------------- */

.g160,
.g320,
.g480,
.g640,
.g800,
.g960,
.g80,
.g240,
.g400,
.g560,
.g720,
.g880,
.g960 
{display: inline; margin-left:10px;}

.g160{width:150px;}
.g320{width:310px;}
.g480{width:470px;}
.g640{width:630px;}
.g800{width:790px;}
.g960{width:950px;}

.g80 {width:70px;}
.g240{width:230px;}
.g400{width:390px;}
.g560{width:550px;}
.g720{width:710px;}
.g880{width:870px;}

/* ----------------------------------------
  1-3.マージン
---------------------------------------- */

.m2{margin:2px;}
.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
.m30{margin:30px;}
.m40{margin:40px;}

.mt2{margin-top:2px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}

.mr2{margin-right:2px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr21{margin-right:21px;}
.mr22{margin-right:22px;}
.mr23{margin-right:15px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
.mr70{margin-right:70px;}
.mr80{margin-right:80px;}

.mb2{margin-bottom:2px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}

.mu60{margin-bottom:60px;}

.ml2{margin-left:2px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}


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

.f10 { font-size:77%; }
.f11 { font-size:85%; }
.f12 { font-size:93%; }
.f13 { font-size:100%; }
.f14 { font-size:108%; }
.f15 { font-size:116%; }
.f16 { font-size:123.1%; }
.f17 { font-size:131%; }
.f18 { font-size:138.5%; }
.f19 { font-size:146.5%; }
.f20 { font-size:153.9%; }
.f21 { font-size:161.6%; }
.f22 { font-size:167%; }
.f23 { font-size:174%; }
.f24 { font-size:182%; }
.f25 { font-size:189%; }
.f26 { font-size:197%; }

/* ----------------------------------------
  1-5.行間
---------------------------------------- */

.lh110{line-height:110%;}
.lh120{line-height:120%;}
.lh130{line-height:130%;}
.lh140{line-height:140%;}
.lh150{line-height:150%;}
.lh160{line-height:160%;}
.lh170{line-height:170%;}
.lh180{line-height:180%;}
.lh190{line-height:190%;}
.lh200{line-height:200%;}


/* ----------------------------------------
  1-6.文字装飾
---------------------------------------- */

em{
	font-style:normal;
	font-weight:bold;
}
.bold{font-weight:bold;}
.italic{font-style:italic;}

/* ----------------------------------------
  1-7.文字の色
---------------------------------------- */

.red{color:#ff0000;}
.white{color:#fefefe;}
.blue{color:#0000ff;}
.black{color:#000000;}
.orange{color:#ffa500;}

.aqua{color:#00ffff;}
.lime{color:#00ff00;}
.olive{color:#808000;}
.silver{color:#c0c0c0;}
.yellow{color:#ffff00;}
.gray{color:#808080;}
.maroon{color:#800000;}
.purple{color:#800080;}
.green{color:#008000;}
.navy{color:#000080;}


/* ----------------------------------------
  1-8.ボーダー
---------------------------------------- */

.border{border:1px solid #aaa;}


/* ----------------------------------------
  1-9.テーブル
---------------------------------------- */

table{
	border-collapse:collapse;
	border-spacing:1;
	empty-cells:show;
}


/* ----------------------------------------
  1-10.引用
---------------------------------------- */

blockquote{}


/* ----------------------------------------
  1-11.クリアフィックス
---------------------------------------- */

.clearfix:after ,
#container:after ,
#wrapper:after ,
#header:after ,
#globalmenu:after{
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

.clearfix ,
#container ,
#wrapper ,
#header ,
#globalmenu{
	zoom:100%;
}

/* ----------------------------------------
  1-12.フォーム
---------------------------------------- */

input {
	border:1px #766f6f double;
}
input:focus {
	outline: 3px #999797 solid;
}

.border0{border:none;}

.short{width:35%;}
.middle{width:50%;}
.long{width:75%;}
.full{width:100%;}
.mm{
	width:320px;
	height:25px;
	position:relative;
	top:4px;
	}