@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;
	letter-spacing:0;
}

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

html,body,section,article,aside,header,nav,hgroup,figure,footer,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
p,address,blockquote,
legend,fieldset {
	display: block;
	font-weight: normal;
	font-style: normal;
	font-size: 1em;
	margin: 0;
	padding: 0;
	border: none;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	list-style-type: none;
}


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

.valignmiddle{vertical-align:middle;}

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

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

.mt2{margin-top:2px !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;}

.mt-5{margin-top:-5px !important;}
.mt-10{margin-top:-10px !important;}
.mt-15{margin-top:-15px !important;}
.mt-20{margin-top:-20px !important;}

.mr2{margin-right:2px !important;}
.mr5{margin-right:5px !important;}
.mr7{margin-right:7px !important;}
.mr8{margin-right:8px !important;}
.mr10{margin-right:10px !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;}
.mr50{margin-right:50px !important;}

.mb2{margin-bottom:2px !important;}
.mb3{margin-bottom:3px !important;}
.mb4{margin-bottom:4px !important;}
.mb5{margin-bottom:5px !important;}
.mb7{margin-bottom:7px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb100{margin-bottom:100px !important;}

.mb-15{margin-bottom:-15px !important;}

.mu60{margin-bottom:60px !important;}

.ml2{margin-left:2px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml16{margin-left:16px !important;}
.ml18{margin-left:18px !important;}
.ml19{margin-left:19px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}

.mlra{margin:0 auto !important;}

.pt0{padding-top:0px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}

.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb50{padding-bottom:50px !important;}
.pb100{padding-bottom: 100px !important;}

.pr10{padding-right: 10px !important;}
.pr15{padding-right: 15px !important;}
.pr20{padding-right: 20px !important;}
.pr35{padding-right: 35px !important;}

.pl5{padding-left: 5px !important;}
.pl10{padding-left: 10px !important;}

.ptb30{padding-bottom:30px; padding-top: 30px;}

.plr10{padding-left: 10px; padding-right: 10px !important;}

.p5{padding:5px !important;}
.p10{padding:10px !important;}
.p20{padding:20px !important;}
.p30{padding:30px !important;}
.p40{padding:40px !important;}


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

.f50{font-size:50%;}
.f80{font-size:80%;}
.f90{font-size:90%;}
.f110{font-size:110%;}
.f120{font-size:120%;}
.f130{font-size:130%;}

.f9{font-size:9px;}
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f19{font-size:19px;}
.f20{font-size:20px;}
.f21{font-size:21px;}
.f22{font-size:22px;}
.f25{font-size:25px;}
.f30{font-size:30px;}
.f60{font-size:60px;}

.ti-50{text-indent:-.5em;}

/* ----------------------------------------
  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%;}
.lh185{line-height:185%}
.lh190{line-height:190%;}
.lh200{line-height:200%;}
.lh300{line-height:210%;}


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

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

.under{text-decoration:underline;}

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

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

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


.bgGray{
	background:#f1f1f1;
}
/* ----------------------------------------
  1-8.ボーダー
---------------------------------------- */

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

.border_b{border-bottom: 1px #e1e1e1 solid;}


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

table{
	border-collapse:collapse;
	border-spacing:1;
	empty-cells:show;
	font-style: italic;
	text-align: left;
}


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

blockquote{}


/* ----------------------------------------
  1-11.クリア
---------------------------------------- */

ul:after ,
dl:after ,
ol:after ,
.clearfix:after ,
#container:after ,
#wrapper:after ,
header:after ,
nav:after ,
section:after{
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

ul ,
dl ,
ol
.clearfix ,
#container ,
#wrapper ,
header ,
nav,
section,
{
	zoom:100%;
}

.cl{
	_zoom:1;
	overflow:hidden;
}
.syousai {
	color: #39F;
}
.cookie {
	font-weight: bold;
	color: #F00;
}